Как прикрепить url к изображению в фотоальбоме.
Не могу задать, Url для нужной картинки. Порылся в интернете, но не понял как сделать.
Мне нужно, что бы при клике на изображение, оно открывалось в новом окне. Но вот проблема((... Открывается всегда одно и то же изображение. http://justcup.ru/ex.html - вот то что я сделал. вот скрипт... <script type="text/javascript"> NewImg = new Array ( "http://justcup.ru/ExampleNewMile/img.jpg", "http://justcup.ru/ExampleNewMile/img2.jpg", "http://justcup.ru/ExampleNewMile/img3.jpg", "http://justcup.ru/ExampleNewMile/img4.jpg", "http://justcup.ru/ExampleNewMile/img5.jpg" ); var ImgLength = NewImg.length - 1; var ImgNum = 0; var ImgNum1 = ImgLength; var ImgNum2 = 0; var ImgNum3 = 1; function chgImg(direction) { if (document.images) { ImgNum = ImgNum + direction; if (ImgNum > ImgLength) { ImgNum = 0; } if (ImgNum < 0) { ImgNum = ImgLength; } document.slideshow.src = NewImg[ImgNum]; document.slideshow.href = NewImg[ImgNum]; ImgNum1 = ImgNum - 1 if (ImgNum1 < 0) { ImgNum1 = ImgLength; } if (ImgNum1 > ImgLength) { ImgNum1 = 0; } document.slideshow1.src = NewImg[ImgNum1]; ImgNum3 = ImgNum + 1 if (ImgNum3 < 0) { ImgNum3 = ImgLength; } if (ImgNum3 > ImgLength) { ImgNum3 = 0; } document.slideshow3.src = NewImg[ImgNum3]; } } </script> <body> <div class="LeftCont"> <table border="0" cellpadding="0" cellspacing="0" width="250" id="table1" align="left" bgcolor="#e3e3e3"> <tr> <td align="center"><a href="javascript:chgImg(1)"><div class="LeftContTop"></div></a></td> </tr> <tr> <td align="center"><div class="Example1"><img src="http://justcup.ru/ExampleNewMile/img5.jpg" name="slideshow1" width="189" height="255"></div></td> </tr> <tr> а вот проблемное место... Объясните что я делаю не так. <td align="center"> <a href="http://justcup.ru/ExampleNewMile/img.jpg" name="slideshow"> <div class="Example2"> <img src="http://justcup.ru/ExampleNewMile/img.jpg" name="slideshow" width="240" height="100%"> </div> </a> </td> </tr> <tr> <td align="center"><div class="Example3"><img src="http://justcup.ru/ExampleNewMile/img2.jpg" name="slideshow3" width="189" height="255"></div></td> </tr> <tr> <td align="center"><a href="javascript:chgImg(-1)"><div class="LeftContBottom"></div></a></td> </tr> </table> </div> </body> |
Смотрел в Опре - картинки крутятся...
<!DOCTYPE html> <html> <head> <script type="text/javascript"> NewImg = new Array ( "http://justcup.ru/ExampleNewMile/img.jpg", "http://justcup.ru/ExampleNewMile/img2.jpg", "http://justcup.ru/ExampleNewMile/img3.jpg", "http://justcup.ru/ExampleNewMile/img4.jpg", "http://justcup.ru/ExampleNewMile/img5.jpg" ); var ImgLength = NewImg.length - 1; var ImgNum = 0; var ImgNum1 = ImgLength; var ImgNum2 = 0; var ImgNum3 = 1; function chgImg(direction) { if (document.images) { ImgNum = ImgNum + direction; if (ImgNum > ImgLength) { ImgNum = 0; } if (ImgNum < 0) { ImgNum = ImgLength; } document.getElementById('slideshow').src = NewImg[ImgNum]; document.getElementById('slideshow_a').href = NewImg[ImgNum]; ImgNum1 = ImgNum - 1 if (ImgNum1 < 0) { ImgNum1 = ImgLength; } if (ImgNum1 > ImgLength) { ImgNum1 = 0; } document.getElementById('slideshow1').src = NewImg[ImgNum1]; ImgNum3 = ImgNum + 1 if (ImgNum3 < 0) { ImgNum3 = ImgLength; } if (ImgNum3 > ImgLength) { ImgNum3 = 0; } document.getElementById('slideshow3').src = NewImg[ImgNum3]; } } </script> <style> .LeftContTop { height: 10px; border: 1px solid; } .LeftContBottom { height: 10px; border: 1px solid; } </style> </head> <body> <div class="LeftCont"> <table border="0" cellpadding="0" cellspacing="0" width="250" id="table1" align="left" bgcolor="#e3e3e3"> <tr> <td align="center"><a href="javascript:chgImg(1)"><div class="LeftContTop"></div></a></td> </tr> <tr> <td align="center"><div class="Example1"><img src="http://justcup.ru/ExampleNewMile/img5.jpg" id="slideshow1" name="slideshow1" width="189" height="255"></div></td> </tr> <tr> а вот проблемное место... Объясните что я делаю не так. <td align="center"> <a href="http://justcup.ru/ExampleNewMile/img.jpg" id="slideshow_a" name="slideshow"> <div class="Example2"> <img src="http://justcup.ru/ExampleNewMile/img.jpg" id="slideshow" name="slideshow" width="240px" height="100%"> </div> </a> </td> </tr> <tr> <td align="center"><div class="Example3"><img src="http://justcup.ru/ExampleNewMile/img2.jpg" id="slideshow3" name="slideshow3" width="189" height="255"></div></td> </tr> <tr> <td align="center"><a href="javascript:chgImg(-1)"><div class="LeftContBottom"></div></a></td> </tr> </table> </div> </body> </html> |
Крутиться крутяца, а вот когда надо перейти на одну из них, которая в центре, выкидывает на первую.
|
Pham, еще раз посмотрел в Опере... Ссылка в статусной строке меняется. На картинки переходит разные, те, которые и нарисованы в центре.
|
О... действительно заработало.
Спасибо)) Эт я просто туплю) |
Цитата:
|
Часовой пояс GMT +3, время: 08:46. |