Каскадный режим | Линейный режим

Алексеймар · 16.07.2014 07:46:02

Прошу прощения. Может я не здесь задаю вопрос. На этом сайте есть код - автоматической смены изображений и подписей к ним. У меня такой вопрос. Как можно сделать, что бы при клике на выводимое изображение загружалось новое изображение в новом окне. Получается выводимое изображение это привьюшка а в новом окне изображение в полном разрешении. Сделал на основе этого кода фото галерею, но вот без увеличения изображения галерея какая-то неполная.

***Admin*** · 16.07.2014 19:29:33

(16.07.2014 07:46:02)Алексеймар писал(а): Прошу прощения. Может я не здесь задаю вопрос. На этом сайте есть код - автоматической смены изображений и подписей к ним. У меня такой вопрос. Как можно сделать, что бы при клике на выводимое изображение загружалось новое изображение в новом окне. Получается выводимое изображение это привьюшка а в новом окне изображение в полном разрешении. Сделал на основе этого кода фото галерею, но вот без увеличения изображения галерея какая-то неполная.

Вам нужно в новом окне или на новой вкладке?
Если на новой вкладке, то добавьте внутрь тега <a> атрибут target="_blank", но тут уже все будет зависеть от настроек браузера пользователя. Как у него там прописано, так и будет открываться.
Если нужно в новом окне, то Вам нужен скрипт из темы Открытие нового окна с заданными размерами

Алексеймар · 17.07.2014 07:58:45

Да там не так все просто...
Там уже с помощью тега <a> выводится изображение <td align="right"><a href="jchgImg(-1)">Предыдущая</a></td>.
А теперь необходимо что бы при клике на этом изображении в новом окне открывалось другое изображение. Галерея из миниатюр, а загружается изображение в полном размере.

***Admin*** · 17.07.2014 20:11:47

Такой скрипт подойдет?

Код:

<script type="text/javascript">

 all_prev = new Array ("image/img_1.png","image/img_2.png","image/img_3.png","image/img_4.png");

 all_images = new Array ("image/img_11.png","image/img_12.png","image/img_13.png","image/img_14.png");

 var ImgNum = 0;

 var ImgLength = all_prev.length - 1;

 var delay = 2500;

 var lock = false;

 var run;

 function chgImg(direction) {

 if (document.images) {

   ImgNum = ImgNum + direction;

   if (ImgNum > ImgLength) ImgNum = 0;

   if (ImgNum < 0) ImgNum = ImgLength;

   document.slide_show.src = all_prev[ImgNum];

 }

 }

 function auto() {

 if (lock == true) {

   lock = false;

   window.clearInterval(run);

 }

 else if (lock == false) {

   lock = true;

   run = setInterval("chgImg(1)", delay);

 }

 }

 function win() {

  var width=800;

  var height=600;

  var left=(screen.availWidth-width)/2;

  var top=(screen.availHeight-height)/2;

  msg=window.open("","msg","width="+width+",height="+height+",left="+left+",top="+top);

  msg.document.write("<html><body><img src='http://usefulscript.ru/"+all_images[ImgNum]+"' width='100%'></body></html>");

 }

 auto();

</script>

<div align="center">

 <table border="0">

   <tr align="center">

    <td colspan="3"><img src="image/img_1.png" name="slide_show" onclick="win()"></td>

   </tr>

   <tr align="center">

    <td align="right"><a href="javascript:chgImg(-1)">Предыдущая</a></td>

    <td align="center"><a href="javascript:auto()">Старт/Стоп</a></td>

    <td align="left"><a href="javascript:chgImg(1)">Следующая</a></td>

   </tr>

 </table>

</div>

Каскадный режим \| Линейный режим Создание скрипта слайд-шоу с открытием изображений в новом окне
Автор	Сообщение