JQuery Image Swap для зависания над Div - PullRequest
Новая
       6

JQuery Image Swap для зависания над Div

1 голос
/ 20 апреля 2009 
    $(document).ready(function(){
        // Hide all large images except the first one
        $('#imageContainer img').hide().filter(':first').show();
        // Select all thumb links
        $('#thumbContainer a').hover(function(event) {
                // Hide all large images except for the one with the same hash as our thumb link
                $('#imageContainer img').hide().filter(this.hash).show();
            },
            function () {} // Because the hover method has a mouseout state we need to define too
        );
    });

Этот скрипт .js работает при наведении курсора на тег привязки. Тем не менее, я хотел бы, чтобы эта функция работала на весь div.

Как мне изменить эту часть: .filter (this.hash) .show ();

к этому: .filter (this. (Идентификатор или уникальное имя) .show ();

Спасибо.

Береги себя.

1 Ответ

0 голосов
/ 20 апреля 2009

Если вы все еще хотите использовать хеш, вы можете получить его, используя этот код (при условии, что this - это ваш div): 

var hash = $(this).find('a').get(0).hash;

Если вы хотите использовать что-то уникальное в div, я использовал id div, равный className img ранее.

Если у вас был этот HTML: 

<div id="container1" class="thumbContainer"></div>
<div id="imageContainer">
  <img src="" alt="" class="container1" />
</div>

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

$(document).ready(function(){
    // Hide all large images except the first one
    $('#imageContainer img').hide().filter(':first').show();
    // Select all thumb links
    $('.thumbContainer').mouseover(function(event) {
            // Hide all large images except for the one with the same hash as our thumb link
            $('#imageContainer img').hide().filter("." + this.id).show();
        }
    );
});
...