Блог

Главная - Вопросы по программированию - Проблема подкачки изображений при наведении jQuery

Проблема подкачки изображений при наведении jQuery

#jquery

#jquery

Вопрос:

Я пытался реализовать реализацию jQuery Hover для страницы, которая теперь использует JavaScript.

наведение курсора мыши на изображение большого пальца должно соответствующим образом изменить нижнее изображение, а при наведении курсора мыши цвет фона должен вернуться к цвету фона #FFFFFF.

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

Вот мой JSFiddle:http://jsfiddle.net/NinjaSk8ter/P8baa /

Вот ссылка на сайт, который иллюстрирует поведение: http://www.odontex.net/Ingles/mexico/aboutus-mexicoci.html

введите описание изображения здесь

Ответ №1:

Для начала во всех ваших divs было бы id="content" изменить их на class="content

Ответ №2:

Я бы использовал что-то вроде этого…

Отметьте все большие пальцы, например, классом «thumb» и присвоите им атрибут, что-то вроде references=»X», где X — номер большого пальца. Затем создайте поля содержимого с class=»content» thumbref=»X» с тем же значением … затем

 $(document).ready(function(){
    $(".content").hide();
    $(".thumb").hover(
        function(){
            $(".content[thumbref=" $(this).attr("references") "]").show()
        },
        function(){
            $(".content[thumbref=" $(this).attr("references") "]").hide()
        }
    );
});

и я думаю, что это должно сработать:)

Комментарии:

1. @Lord когда вы говорите присвоить «Большим пальцам» атрибут 1, 2 или 3, не могли бы вы продемонстрировать это? Я в замешательстве

2. создайте <div class=’thumb’ references=’3′> … изображение большого пальца …</div>

3. @ Lord Я думаю, что я все еще чего-то не хватает, потому что это не работает в моей скрипке: jsfiddle.net/NinjaSk8ter/P8baa

4. id="content" в каждом из разделов изображения должно быть class="content"

5. @kingjiv он вроде как ушел на поруки, но я думаю, голосование лучше? поскольку я не могу поставить 2 галочки.