Галерея javascript для сайта с дрома
Всем привет.
Хочу сделать галерею на сайте, как на дроме. Посмотрел в исходниках страницы дрома, нашел яваскрипт в изображениях, но переделать его, чтоб он нормально работал не смог. Адрес скрипта rdrom.ru/images/show_image.js . Возможно еще какой-нибудь скрипт необходимо скачать. соответствующие ID и классы у изображений с блоков прописал, надо только, чтобы при щелчке по мелким изображениям они вылазили вместо крупного, а при клике на крупное оно загружалось в полном размере... вот сам скрипт function show_image(id, width, height) { var p, scrollbars = 'no'; if (window.event.srcElement.tagName == "IMG" || window.event.srcElement.tagName == "img") { p = window.event.srcElement.parentNode; if (p.tagName=="A" || p.tagName=="a") { window.event.returnValue=false; width += 50; height += 100; if (width > screen.width - 200) {width = screen.width - 200; scrollbars = 'yes';} if (height > screen.height - 200) {height=screen.height - 200; scrollbars = 'yes';} window.open("http://www.drom.ru/images/?id=" + id + "&w=" + width + "&h=" + height, "", "toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars="+scrollbars+", resizable=yes,width="+width+",height="+height+",top=100,left=100"); return false; } } } function show_image_catalog(set_id, photo_id, width, height) { var p, scrollbars = 'no'; if (window.event.srcElement.tagName=="IMG" || window.event.srcElement.tagName=="img") { p=window.event.srcElement.parentNode; if (p.tagName=="A" || p.tagName=="a") { window.event.returnValue=false; width += 50; height += 100; if (width>screen.width-200) {width=screen.width-200; scrollbars='yes';} if (height>screen.height-200) {height=screen.height-200; scrollbars='yes';} window.open("http://www.drom.ru/images/?set_id="+set_id+"&photo_id="+photo_id, "", "toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars="+scrollbars+", resizable=yes,width="+width+",height="+height+",top=100,left=100"); return false; } } } function show_image_sales(bull_id, photo_id, width, height, e) { var p, scrollbars = 'no'; var windowevent = e || window.event; if (typeof windowevent != 'undefined' && windowevent.srcElement.tagName.toLowerCase()=="img") { p=windowevent.srcElement.parentNode; if (p.tagName=="A" || p.tagName=="a") { windowevent.returnValue=false; width += 80; height += 100; if (width>screen.width-200) {width=screen.width-200; scrollbars='yes';} if (height>screen.height-200) {height=screen.height-200; scrollbars='yes';} window.open("http://www.drom.ru/images/?id="+bull_id+"&n="+photo_id, "", "toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars="+scrollbars+", resizable=yes,width="+width+",height="+height+",top=100,left=100"); return false; } } } Исходный код галереи: <table class="auto"> <tr> <td class="img"> <a target="_blank" href="http://s.auto.drom.ru/sales/photos/7345/7344345/43588205.jpg" id="bigImage"> <img src="http://s.auto.drom.ru/sales/photos/7345/7344345/ttn_43588205.jpg" alt="Honda CR-V, 1997 год, 400 000 руб." width="400" /><span> </span></a> <script src="http://c.rdrom.ru/images/show_image.js" type="text/javascript"></script> <div class="cf"> <a target="_blank" href="http://s.auto.drom.ru/sales/photos/7345/7344345/43588142.jpg" img="http://s.auto.drom.ru/sales/photos/7345/7344345/ttn_43588142.jpg"><img src="http://s.rdrom.ru/sales/photos/7345/7344345/tn_43588142.jpg" alt="Honda CR-V, 1997 год, 400 000 руб."/></a> <a target="_blank" href="http://s.auto.drom.ru/sales/photos/7345/7344345/43588205.jpg" img="http://s.auto.drom.ru/sales/photos/7345/7344345/ttn_43588205.jpg"><img src="http://s.rdrom.ru/sales/photos/7345/7344345/tn_43588205.jpg" alt="Honda CR-V, 1997 год, 400 000 руб."/></a> <a target="_blank" href="http://s.auto.drom.ru/sales/photos/7345/7344345/43588235.jpg" img="http://s.auto.drom.ru/sales/photos/7345/7344345/ttn_43588235.jpg"><img src="http://s.rdrom.ru/sales/photos/7345/7344345/tn_43588235.jpg" alt="Honda CR-V, 1997 год, 400 000 руб."/></a> </div> |
во первых ссылка не рабочая.
во вторых в гугле куча галерей зачем мучатся не проще ли найти похожую и все |
Часовой пояс GMT +3, время: 04:11. |