ФорумПрограммированиеJavaScript → Динамическая загрузка preview-картинок

Динамическая загрузка preview-картинок

  • gvik

    Сообщения: 137 Репутация: N Группа: Кто попало

    Spritz 29 октября 2009 г. 2:24

    Привет всем.
    Я хочу сделать следующее. Где-то на странице есть одна большая картинка, а под ней несколько маленьких. Хочу сделать чтобы при наведении на одну из маленьких картинок она показывалась на месте большой. Как здесь. Кода с этой ссылки для превьшек у меня не работает Помогите разобраться с кодом я ещё новичёк в JS.

  • NRG

    Сообщения: 4761 Репутация: N Группа: в ухо

    Spritz 29 октября 2009 г. 2:43, спустя 18 минут 24 секунды

    у маленьких картинок отлавливаешь событие когда на них наведен курсор (непомню точно как называется) и подменяешь сорц большой картинки на нужный.
  • md5

    Сообщения: 11949 Репутация: N Группа: в ухо

    Spritz 29 октября 2009 г. 2:45, спустя 2 минуты 41 секунду

    $('img.thumbs').hover(function() {
    // подменяем сорц большой картинки
    });

    в jquery
    все умрут, а я изумруд
  • Trej Gun

    Сообщения: 5299 Репутация: N Группа: в ухо

    Spritz 29 октября 2009 г. 9:26, спустя 6 часов 41 минуту 1 секунду

    поставь лайтбокс
  • gvik

    Сообщения: 137 Репутация: N Группа: Кто попало

    Spritz 30 октября 2009 г. 2:10, спустя 16 часов 43 минуты 55 секунд

    Спасибо за советы, но знания пока не позволяют написать, а сроки поджимают. Вот и решил отладить этот код.
    Когда использую код всей страницы скрипт работает, а когда только скрипт выдераю, то он не работает. Объясните в чем замут, по коду вроде всё правильно выдрал

    <script type="text/javascript" src="http://static.mobile.eu/54-66543-prod/packed/js_packed/lib/prototype/prototype-1.6.0.3-min.js"></script>
    <div  class="col col2">
    <div class="col-content">

    <div class="block imagebox">

    <div class="thumbnails">

    <script type="text/javascript">
    document.observe("mobile:ready", function() {
    mobile.ImageHelper.preloadImages('http://i4.ebayimg.com/04/m/000/98/44/38f4_24.JPG','http://i17.ebayimg.com/01/m/000/98/44/3a14_24.JPG','http://i10.ebayimg.com/03/m/000/98/44/3bb4_24.JPG','http://i22.ebayimg.com/03/m/000/98/44/3c01_24.JPG','http://i.ebayimg.com/22/!!qTHG!gBW0~$(KGrHgoH-C4EjlLl0-E2BKFp9!l44w~~_24.JPG','http://i.ebayimg.com/15/!!qbV97!!20~$(KGrHgoH-DYEjlLl4)iEBKN+8bz3Mg~~_24.JPG','http://i.ebayimg.com/12/!!qbV-Wg!20~$(KGrHgoH-CcEjlLl4lRpBKN+86zzmg~~_24.JPG');
    });
    </script>

    <a href="/fahrzeuge/showDetails.html?lang=ru&id=73296745&pageNumber=1&scopeId=C&sortOption.sortBy=searchNetGrossPrice&sortOption.sortOrder=ASCENDING&makeModelVariant1.makeId=375&makeModelVariant1.modelId=2&makeModelVariant1.searchInFreetext=false&makeModelVariant2.searchInFreetext=false&makeModelVariant3.searchInFreetext=false&vehicleCategory=Car&segment=Car&siteId=GERMANY&damageUnrepaired=ALSO_DAMAGE_UNREPAIRED&export=ALSO_EXPORT&customerIdsAsString=&tabNumber=2" rel="http://i4.ebayimg.com/04/m/000/98/44/38f4_24.JPG">
    <img alt="Показать все фотографии" src="http://i4.ebayimg.com/04/m/000/98/44/38f4_14.JPG"/>
    </a>
    <a href="/fahrzeuge/showDetails.html?lang=ru&id=73296745&pageNumber=1&scopeId=C&sortOption.sortBy=searchNetGrossPrice&sortOption.sortOrder=ASCENDING&makeModelVariant1.makeId=375&makeModelVariant1.modelId=2&makeModelVariant1.searchInFreetext=false&makeModelVariant2.searchInFreetext=false&makeModelVariant3.searchInFreetext=false&vehicleCategory=Car&segment=Car&siteId=GERMANY&damageUnrepaired=ALSO_DAMAGE_UNREPAIRED&export=ALSO_EXPORT&customerIdsAsString=&tabNumber=2" rel="http://i17.ebayimg.com/01/m/000/98/44/3a14_24.JPG">
    <img alt="Показать все фотографии" src="http://i17.ebayimg.com/01/m/000/98/44/3a14_14.JPG"/>
    </a>
    <a href="/fahrzeuge/showDetails.html?lang=ru&id=73296745&pageNumber=1&scopeId=C&sortOption.sortBy=searchNetGrossPrice&sortOption.sortOrder=ASCENDING&makeModelVariant1.makeId=375&makeModelVariant1.modelId=2&makeModelVariant1.searchInFreetext=false&makeModelVariant2.searchInFreetext=false&makeModelVariant3.searchInFreetext=false&vehicleCategory=Car&segment=Car&siteId=GERMANY&damageUnrepaired=ALSO_DAMAGE_UNREPAIRED&export=ALSO_EXPORT&customerIdsAsString=&tabNumber=2" rel="http://i10.ebayimg.com/03/m/000/98/44/3bb4_24.JPG">
    <img alt="Показать все фотографии" src="http://i10.ebayimg.com/03/m/000/98/44/3bb4_14.JPG"/>
    </a>

    <a class="moreimages" href="/fahrzeuge/showDetails.html?lang=ru&id=73296745&pageNumber=1&scopeId=C&sortOption.sortBy=searchNetGrossPrice&sortOption.sortOrder=ASCENDING&makeModelVariant1.makeId=375&makeModelVariant1.modelId=2&makeModelVariant1.searchInFreetext=false&makeModelVariant2.searchInFreetext=false&makeModelVariant3.searchInFreetext=false&vehicleCategory=Car&segment=Car&siteId=GERMANY&damageUnrepaired=ALSO_DAMAGE_UNREPAIRED&export=ALSO_EXPORT&customerIdsAsString=&tabNumber=2">
    <span>Показать все фото</span>
    </a>
    </div><!– .thumbnails –>


    <a class="image" rel="nofollow" href="/fahrzeuge/showDetails.html?lang=ru&id=73296745&pageNumber=1&scopeId=C&sortOption.sortBy=searchNetGrossPrice&sortOption.sortOrder=ASCENDING&makeModelVariant1.makeId=375&makeModelVariant1.modelId=2&makeModelVariant1.searchInFreetext=false&makeModelVariant2.searchInFreetext=false&makeModelVariant3.searchInFreetext=false&vehicleCategory=Car&segment=Car&siteId=GERMANY&damageUnrepaired=ALSO_DAMAGE_UNREPAIRED&export=ALSO_EXPORT&customerIdsAsString=&tabNumber=2" title="Показать все фото">
    <img id="currentImage" src="http://i4.ebayimg.com/04/m/000/98/44/38f4_24.JPG" alt="Фото" />
    </a>
    </div><!– /.block.imagebox –>


    CTAPbIu_MABP, лайтбокс это же картинка с фоном и основа то тоже prototype'ная
  • Trej Gun

    Сообщения: 5299 Репутация: N Группа: в ухо

    Spritz 30 октября 2009 г. 3:56, спустя 1 час 45 минут 56 секунд

    gvik, так и скажи что ты ничего не знаешь о галереях для жуквери
  • gvik

    Сообщения: 137 Репутация: N Группа: Кто попало

    Spritz 30 октября 2009 г. 5:12, спустя 1 час 15 минут 37 секунд

    CTAPbIu_MABP, краем уха знаю
  • gvik

    Сообщения: 137 Репутация: N Группа: Кто попало

    Spritz 2 ноября 2009 г. 23:16, спустя 3 дня 19 часов 4 минуты

    CooL! Всем спасибо за советы. Я решил свою проблему. Тема закрыта.

Пожалуйста, авторизуйтесь, чтобы написать комментарий!