小编PRA*_*RAH的帖子

我有一个滑块(flexslider),我用它来显示以下jsfiddle中显示的形式的图像...我优化了滑块,以便它动态地提取图像(使用数字命名,例如:12364,50046)某个目录基于其名称.

JSFIDDLE:https://jsfiddle.net/atkumqpk/1/

提取图像的代码:

<?php
function get_slide_images($folder, $images_per_slide = 10, $starts_with = '') {

    $slide_images = false;

    // valid extensions
    $extensions = array(
        "jpg",
        "gif",
        "jpeg",
        "svg",
        "png",
        "bmp",
        "JPG"
    );

    // Implode the extensions array into a string:
    $extensions = implode(',', $extensions);

    if (file_exists($folder)) {
        // Get all the files with a valid extension in $folder:
        // (optionally filtered by $starts_with)
        foreach (glob($folder.'/{'.$starts_with.'}*.{'.$extensions.'}', GLOB_BRACE) as $filename) {
            $slide_images[$filename] = "<img src='{$filename}' alt='{$filename}' />";
        }

        if (!empty($slide_images)) {
            ksort($slide_images); …

我使用svg图像作为背景,我通过背景大小拉伸SVG图像.我希望它只是宽度明智的拉伸.它在firefox,IE9 +但Chrome中工作得非常好.请建议我如何实现它.

.homecallouts ul li {
background-image: url('blue_arow_callout.svg');
background-size: 100% 100%;
width: 21%;
height: 42px;

请参阅jsbin代码 http://jsbin.com/uvijuc/4/

当我在firefox中调整大小只有宽度拉伸但在chrome中宽度和高度都拉伸.我只希望宽度伸展.