Подписи к миниатюрам Одиночный и двойной щелчок? - PullRequest
Новая
       23

Подписи к миниатюрам Одиночный и двойной щелчок?

2 голосов
/ 31 июля 2010

Я почти ничего не знаю обо всем этом, поэтому я обращаюсь к вам за какой-то крайне необходимой помощью. Если вам нужно увидеть больше кода или информации, просто спросите, и я отвечу как можно скорее.

следующий фрагмент кода - это то, что я использую для фотогалереи:

http://luisposada.co.uk/home/photography-2/

Проблема в том, что подпись под основным изображением появляется в один клик при просмотре миниатюр слева направо, но при двойном щелчке только справа налево Очевидно, я хочу, чтобы заголовки менялись независимо от того, в каком порядке нажимаются миниатюры и одним щелчком мыши.

Большое спасибо. 

<script type="text/javascript"> 

$(function() {
   $('#feature').cycle({
       speed:       1000,
       timeout:     <?php echo $speed; ?>
   });

$("#yc_thumbnail_frame a").live("click",function(){
    $(".yc_img_fullsize").each(function(index) {
        if ($(this).is(":visible")) {
            var text = $(this).attr("alt");
            $(".caption").html(text);
        }
    });
  });
});

$(window).load(function() {
   $("img.yc_img_fullsize").each(function(index) {
    if ($(this).is(":visible")) {
        var text = $(this).attr("alt");
        $(this).parent().after("<p class='caption'>" + text + "</p>");
    }
  });

});

</script>

1 Ответ

1 голос
/ 31 июля 2010

Следующее изменение в обработчике событий #yc_thumbnail_frame a click должно исправить его для вас: 

$("#yc_thumbnail_frame a").live("click",function(){

    // Instead of looking for the visible image, find the one that matches the thumbnail src
    var thumbSrc = $(this).find('img').attr('src');
    $(".yc_img_fullsize").each(function(index) {
        if ($(this).attr('src') == thumbSrc) {
            var text = $(this).attr("alt");
            $(".caption").html(text);
        }
    });
  });
});

Причина, по которой он в настоящее время не работает так, как вы ожидаете, заключается в том, что при нажатии на одну из миниатюрссылки, он перебирает все большие изображения и выясняет, какое из них видно.Когда он находит видимый, он устанавливает текст заголовка из своего альтернативного текста.

Кажется, что установка большого видимого изображения немного медленнее, чем попытка определить текст заголовка.

...