Показать сообщение отдельно
  #1 (permalink)  
Старый 18.11.2014, 07:25
Кандидат Javascript-наук
Отправить личное сообщение для biryukovm Посмотреть профиль Найти все сообщения от biryukovm
 
Регистрация: 13.12.2013
Сообщений: 110

Скрипт простой галереи
у меня небольшой вопросик к гуру), я почти ничего не смислю в скриптах потому не пенайте. Никак немогу сделать скрипт(JQuery) по типу простой галереи: при наведении на ескиз <div class="thumbs"> чтобы в <div id="largeImg"> отображалась эта картинка, но загвоздка состоит в том что html код должен быть следующим:


<div class="thumbs">
    <img src="01.jpg"/>
    <img src="02.jpg"/>
    <img src="03.jpg"/>
    <img src="04.jpg"/>
    <img src="05.jpg"/>
    <img src="06.jpg"/>
    <img src="07.jpg"/>
</div>


<div id="largeImg"><img src="01.jpg"/></div>


var $e = function(elem, eventName, handler) {
    elem.addEventListener
        ? elem.addEventListener(eventName, handler, false)
        : elem.attachEvent('on' + eventName, handler);
};
window.onload = function() {
    var thumbs = document.getElementById('thumbs').getElementsByTagName('img'), i = thumbs.length;
    while (i) $e(thumbs[--i], 'hover', function() {
        document.getElementById('largeImg').src = this.src;
    });
};
Ответить с цитированием