php echo отображающий субстрат в firefox - PullRequest
Новая
       7

php echo отображающий субстрат в firefox

0 голосов
/ 21 сентября 2011

У меня есть некоторый код на странице php, который получает имя файла изображения, удаляет расширение и удаляет первые два символа, а затем добавляет строку в оператор echo. Моя проблема в том, что эта строка отображается при загрузке слайд-шоу. Есть ли способ сделать это лучше? Это происходит только в Firefox во всех других браузерах, строка не отображается 

    <?php

try {       
    // Styling for images   
    echo "<div id=\"myslides\">";

    $files = new DirectoryIterator($imageFolder);
    $i=0;
    $files_array = array();
    foreach ($files as $fileinfo){
        if ($fileinfo->isFile()){
        $files_array[$i++]=$fileinfo->getFileName();
        }
    }
    asort($files_array);
    foreach ( $files_array as $file ) {         
            $path = $imageFolder . "/" . $file;
            $fileBaseName=basename($path,".jpg");
            $trimmed=substr($fileBaseName,2);
        echo "<img src=\"" . $path . "\" alt=\"" . $trimmed . "\" />";  
        }
    echo "</div>";
}   
catch(Exception $e) {
    echo 'No images found for this slideshow.<br />';   
}
?>

вот полный код 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <meta name="author" content="Michael Horsfall" />

    <title>Exposure Slideshow</title>
    <link rel="stylesheet" href="modules/mod_exposure_slideshow/css/style.css" type="text/css" media="screen" />
    <script src="modules/mod_exposure_slideshow/js/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="modules/mod_exposure_slideshow/js/jquery.cycle.all.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function(){
        $('#myslides').cycle({
            fx: '<?php echo $effectFx; ?>',
            speed: <?php echo $speed; ?>,
            timeout: 0,
            nowrap: 1,
            fit: 1,
            pause: 2,
            pager: '#navi'
        });
        $('#nav .next a').click(function(){
        var nextClick = $('#navi a.activeSlide').next('a');
        $(nextClick).click();
        return false;
        })
        // back arrow
        $('#nav .prev a').click(function(){
        var prevClick = $('#navi a.activeSlide').prev('a');
        $(prevClick).click();
        return false;
        })
        });
    </script>
    <script type="text/javascript">
    //<![CDATA]
    $(function(){
       //  nav animation2  
    $('#nav_move').css({
    width: 16,
    height: 16
    });

    $('#navi a').click(function() {
    var offset = $(this).offset();
    var offsetbody= $('#nav').offset();
    //find the offset of the wrapping div    
    $('#nav_move').animate({
        width: $(this).width()+7,
        height: 16,
        left: (offset.left-offsetbody.left-1.2)
    });
    return false;
    });        
});
    //]]>
    </script>


</head>

<body>
<div id="container">
<h1>
<?php

try {       
    // Styling for images   
    echo "<div id=\"myslides\">";

    $files = new DirectoryIterator($imageFolder);
    $i=0;
    $files_array = array();
    foreach ($files as $fileinfo){
        if ($fileinfo->isFile()){
        $files_array[$i++]=$fileinfo->getFileName();
        }
    }
    asort($files_array);
    foreach ( $files_array as $file ) {         
            $path = $imageFolder . "/" . $file;
            $fileBaseName=basename($path,".jpg");
            $trimmed=substr($fileBaseName,2);
            echo "<img src=\"" . $path . "\" alt=\"" . $trimmed . "\" />";  
        }
    echo "</div>";
}   
catch(Exception $e) {
    echo 'No images found for this slideshow.<br />';   
}
?>
</h1>
</div>
<div id="nav" class="nav">

<span id="nav_move"></span>
<div id="navi" class="navi">
</div>

<div id="next" class="next">
<a id="next" href="#"></a>
</div>

<div id="prev" class="prev">
<a id="prev" href="#"></a>
</div>

</div>


</body>
</html>

Ответы [ 2 ]

0 голосов
/ 21 сентября 2011

Является ли слайд-шоу в javascript, как в jQuery или что-то?

Я думаю, что происходит, когда альтернативный текст тега изображения отображается до загрузки изображения, возможно. Вам нужен атрибут alt, чтобы по какой-то причине иметь значение? Вы всегда можете оставить пустую строку вроде alt = "" 

echo '<img src="'.$path.'" alt="" />';

Если это не сработает, или вам нужен альтернативный текст как есть, и ваше слайд-шоу в javaScript с использованием jQuery или аналогичного, другой вариант - скрыть div слайд-шоу с помощью css и получить обратный вызов после загрузки слайд-шоу. покажи div. 

echo '<div id="myslides" style="display:none">';
echo '<img src="'.$path.'" alt="" />';
echo '</div>';

, которая будет скрывать его, пока вы не покажете его в JavaScript.

Если слайд-шоу находится в jQuery, вы просто захотите сделать это после загрузки слайд-шоу (посредством обратного вызова библиотеки слайд-шоу, которая знает, что загрузка завершена): 

// jQuery javascript
$('#myslides').show();

Чтобы быть уверенным, нужно больше информации о требованиях к реализации слайд-шоу / тэгу alt.

0 голосов
/ 21 сентября 2011

Я протестировал ваш код в 3 браузерах (Chrome, Firefox, Opera), и все они дают одинаковый результат: 

<img src="/images//date-bg.gif" alt="te-bg.gif" />, <img src="/images//date-bg.gif" alt="te-bg.gif" /> .....

Не нужен ли результат?

...