Форум → Программирование → JavaScript → Динамическая загрузка preview-картинок
Динамическая загрузка preview-картинок
-
Привет всем.
Я хочу сделать следующее. Где-то на странице есть одна большая картинка, а под ней несколько маленьких. Хочу сделать чтобы при наведении на одну из маленьких картинок она показывалась на месте большой. Как здесь. Кода с этой ссылки для превьшек у меня не работает Помогите разобраться с кодом я ещё новичёк в JS. -
29 октября 2009 г. 12:43, спустя 18 минут 24 секунды
у маленьких картинок отлавливаешь событие когда на них наведен курсор (непомню точно как называется) и подменяешь сорц большой картинки на нужный. -
29 октября 2009 г. 12:45, спустя 2 минуты 41 секунду
$('img.thumbs').hover(function() {
// подменяем сорц большой картинки
});
в jqueryвсе умрут, а я изумруд -
-
30 октября 2009 г. 12: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'ная -
30 октября 2009 г. 13:56, спустя 1 час 45 минут 56 секунд
gvik, так и скажи что ты ничего не знаешь о галереях для жуквери -
-
3 ноября 2009 г. 10:16, спустя 3 дня 19 часов 4 минуты
CooL! Всем спасибо за советы. Я решил свою проблему. Тема закрыта.
Пожалуйста, авторизуйтесь, чтобы написать комментарий!