VPF::Как увеличить картинку по клику

minus

Дата 8.7.2009, 13:08 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 9
Регистрация: 25.2.2008

Репутация: нет
Всего: нет

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

bazzjr

Дата 8.7.2009, 13:29 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: нет
Всего: 6

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

Код


<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>

Это сообщение отредактировал(а) bazzjr - 8.7.2009, 14:14

minus

Дата 9.7.2009, 11:56 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 9
Регистрация: 25.2.2008

Репутация: нет
Всего: нет

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

ksnk

Дата 9.7.2009, 12:18 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

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

)

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

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

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

minus

Дата 9.7.2009, 13:38 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 9
Регистрация: 25.2.2008

Репутация: нет
Всего: нет

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

bars80080

Дата 9.7.2009, 14:04 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

Код


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

для примера bazzjr

Sanchezzz

Дата 9.7.2009, 14:20 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1670
Регистрация: 19.11.2006
Где: Voronezh

Репутация: 3
Всего: 60

так попробуй

Код


<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>

--------------------

Понравился ответ "+" по репе, не забываем закрывать тему, заказы в LS.

redona

Дата 10.7.2009, 15:34 (ссылка)

(нет голосов)

Загрузка ...

фоса: - МЯСА...

Профиль
Группа: Участник Клуба
Сообщений: 2252
Регистрация: 15.11.2005
Где: Украина, Харьков

Репутация: нет
Всего: 99

Sanchezzz, неплохо, только в опере чет код глючит.
На секунду идет изображение а потом пустая страница.
а что нить типа такого тяжело реализовать?
т.е. фактически изображение открывается в этом же окне.
Причем маленькие картинки на сайте не хранятся а генерятся непосредственно при заходе на страницу объекта.
блин чет крутое получается...
тут точно одним скриптом не обойдешься. :(

Это сообщение отредактировал(а) redona - 10.7.2009, 15:39

--------------------

В храме надпись:
"От святого огня не прикуривают"

переходи на сторону зла, - у нас есть печеньки!

- Пишите код так, как будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете.

Стив Макконнелл

ksnk

Дата 10.7.2009, 16:38 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

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

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

minus

Дата 10.7.2009, 16:54 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 9
Регистрация: 25.2.2008

Репутация: нет
Всего: нет

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

redona

Дата 13.7.2009, 08:40 (ссылка)

(нет голосов)

Загрузка ...

фоса: - МЯСА...

Профиль
Группа: Участник Клуба
Сообщений: 2252
Регистрация: 15.11.2005
Где: Украина, Харьков

Репутация: нет
Всего: 99

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

--------------------

Стив Макконнелл

ksnk

Дата 13.7.2009, 08:50 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

Цитата

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.

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

Это сообщение отредактировал(а) ksnk - 13.7.2009, 08:51

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

azesmcar

Дата 13.7.2009, 09:05 (ссылка)

(нет голосов)

Загрузка ...

uploading...

Профиль
Группа: Участник Клуба
Сообщений: 6291
Регистрация: 12.11.2004
Где: Армения

Репутация: 1
Всего: 211

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

Sanchezzz

Дата 13.7.2009, 12:57 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1670
Регистрация: 19.11.2006
Где: Voronezh

Репутация: 3
Всего: 60

Цитата

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

мне нет...
я такое и своими руками сделаю)))
---
вот посмотри
я думаю обязательно нужно использовать фреймворк. без него кросбраузерность долго ковырять.
кому нужно пишите могу дать отдельно скрипт и css. (фреймворк mootools)
хотя кому как тут дело вкуса чужое юзать или свое родное ))

--------------------

Понравился ответ "+" по репе, не забываем закрывать тему, заказы в LS.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »