Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Как увеличить картинку по клику

Автор: minus 8.7.2009, 13:08

Подскажите пожалуйста, скрипт при котором из маленькой картинки(превьюшки), при клике вылазит новая в новом окне, похожем на попуп, при повторном клике закрывается.

Автор: bazzjr 8.7.2009, 13:29

тебе нужно примерно такое решение:

Код


<script>
      function big_foto(src){ 
      var win=window.open('','img','resizable,width=520,height=520,toolbar=0,location=0,status=0,menubar=0,directories=0,screenX=0,screenY=0,top=0,left=0') 
      win.document.write('<a href=javascript:window.close()><img src="'+src+'" border=0></a>') 
      win.focus() 
      return false 
      }
    </script>

Автор: minus 9.7.2009, 11:56

А можно по подробней, что где в коде поменять что бы работало?
Заранее спасибо

Автор: ksnk 9.7.2009, 12:18

Цитата(minus @ 9.7.2009, 11:56

)

где в коде поменять что бы работало?

Чтобы поменять в коде, нужен код. Чтобы работало нужно работать...

Автор: minus 9.7.2009, 13:38

Где прописать путь к картинкам что бы заработал скрипт?

Автор: bars80080 9.7.2009, 14:04

Код


<img src="http://server.ru/small_pic.jpg" onclick="big_foto('http://server.ru/big_pic.jpg');" />

для примера bazzjr

Автор: Sanchezzz 9.7.2009, 14:20

так попробуй

Код


<script>
      function big_foto(src){ 
      var win=window.open('','img','resizable,width=520,height=520,toolbar=0,location=0,status=0,menubar=0,directories=0,screenX=0,screenY=0,top=0,left=0') 
      win.document.write('<a href=javascript:window.close()><img src="'+src+'" border=0></a>') 
      win.focus() 
      return false 
      }
</script>
<a href="javascript:;" onclick="big_foto('путь к большой картинки')"><img src="путь к маленькой картинки"></a>

Автор: redona 10.7.2009, 15:34

Sanchezzz, неплохо, только в опере чет код глючит.
На секунду идет изображение а потом пустая страница.
а что нить типа http://www.kvartal.ua/qsearch/?w=house&q=71077 тяжело реализовать?
т.е. фактически изображение открывается в этом же окне.
Причем маленькие картинки на сайте не хранятся а генерятся непосредственно при заходе на страницу объекта.
блин чет крутое получается...
тут точно одним скриптом не обойдешься. :(

Автор: ksnk 10.7.2009, 16:38

redona, Такoе ищется в гугле по слову "lightbox".

Автор: minus 10.7.2009, 16:54

Спасибо, работает.

Автор: redona 13.7.2009, 08:40

http://highslide.com/ что нашел, ksnk, только по highslide ну а в общем спасибо бум дерзать.

Автор: ksnk 13.7.2009, 08:50

Цитата

COMMERCIAL SINGLE WEBSITE
$29
If you want to use Highslide for a commercial website, you get the author's permission by filling in the domain name in the "Buy now" page and paying the fee.

В гугле, вообще-то, довольно много свободных скриптов...

Автор: azesmcar 13.7.2009, 09:05

http://www.huddletogether.com/projects/lightbox/

Автор: Sanchezzz 13.7.2009, 12:57

Цитата

а что нить типа такого тяжело реализовать?

мне нет...
я такое и своими руками сделаю)))
---
вотhttp://autohit.kz/newauto/complectation-detail.php?geturl=8&id_auto=21&ct_auto=#
я думаю обязательно нужно использовать фреймворк. без него кросбраузерность долго ковырять.
кому нужно пишите могу дать отдельно скрипт и css. (фреймворк mootools)
хотя кому как тут дело вкуса чужое юзать или свое родное ))