эффект плавного увеличения

Port · 07.11.2007, 17:55

Хочу сделать такую штуку. У меня на странице есть маленькое изображение(у него есть гипперссылка на точно такое же, но большое). При нажатии на маленькое, большое не просто открывается в новом окне, а в том же самом как бы плавно само по себе увеличивается и превращается в большое(до определенного размера), во как. Банальный вопрос, как это сделать??? У меня есть ссылки на сайты где используется такой эффект. И я даже смог вытащить от туда этот тэг. Но что к чему сам разобраться не могу. Объясните пожалуйста по-русски или дайте ссылку на рускоязычный сайт, где подробно описывается как это сделать, я кое-что понимаю но все равно новичок. Заранее спасибо.

Newfelix · 07.11.2007, 19:08

Ну и покажите ка этот "тег"

Мерлин · 07.11.2007, 23:24

гы... обычный LightBox... типа как тут www.cossacs.jino-net.ru (вверху в блоке фотогалерея кликните по ссылке)

Port · 08.11.2007, 09:14

http://www.c6software.com/Products/PopBox/Default.aspx - вот здесь выего без труда найдете. Он есть как на сайте в качестве образца, ну и само сабой в коде.
Ещё мне дали такую ссылку, но я там ничего не понял -
http://docs.jquery.com/Effects/animate

Port · 09.11.2007, 07:54

Я новичок в веб-строительстве. Мне нужно знать за что отвечает каждая строка тега. Как прикрепить этот тег к гипперссылке, чтоб именно нажимая на эту картинку, у меня запускался тег и выходила большая. Ну где-то же это можно найти, или вы мне подскажите???

Port добавил [date]1194584366[/date]:
Просто всё что я нахожу в сети написано на проффесиональном уровне, буквально без пояснений идет голый тег.

John_webMaker · 09.11.2007, 16:38

Port, Этот эффект очень подробно описывается на сайте который вы же и выложили: ссылка

Port · 10.11.2007, 12:29

Да но ведь он на Английском. Конечно без английского трудно в наше время, я владею им в некотором роде, понимаю отдельные слова и фразы, но не до такой степени чтобы тут же читать автоматом переводить да ещё и понимая смысл.
Я на русском то не сразу освоил некоторые теги.
Поэтому я и спрашивал, не знаете ли вы где можно найти схожую информация но на русском.

John_webMaker · 10.11.2007, 15:16

Port, Увы, но на русском такой информации нет (по крайней мере я не нашел))))

Вообщето там ничего сложного нет:

1. Качаешь скрипт.

2. Там будет три папки: images, scripts, stylesheets, создаешь html в одной папке с ними.

3. В тэг <head> странички добавляешь:

<script src="scripts/PopBox.js" type="text/javascript"></script>
<script type="text/javascript">
popBoxWaitImage.src = "/images/spinner40.gif";
popBoxRevertImage = "/images/magminus.gif";
popBoxPopImage = "/images/magplus.gif";
</script>
<style>
.PopBoxImageSmall
{
border: none 0px white;
cursor: url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
border: solid thin #CCCCFF;
cursor: url("images/magminus.cur"), pointer;
}
</style>

4. Изображение помещаешь в тэг <img> следующим образом:

[img]images/KrisinKreuk.JPG[/img]

,где id - идентификатор, src - путь к файлу, style - указываешь размеры уменьшенного изображения. функции POP - плавно увеличивает изображение, REVERT - возвращает в прежнее состояние, значения 30 и 40 в этих функциях - это скорость.

Это только одна из многих возможностей этого скрипта...

Port · 10.11.2007, 18:48

Вот теперь вы расставили все точки над i , большое спасибо!!!

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Эффект	T_9	Технологии Flash	17	25.11.2009 21:33
Стандартный эффект?	foksik	Технологии Flash	4	05.08.2009 13:16
java-скрипт для увеличения картинки при клике на мини-изображение	Apologet	HTML, CSS, JavaScript	3	19.07.2009 02:04
эффект доджя...	vitorich	Технологии Flash	3	30.04.2008 23:52
эффект Wind	Silver	Растровая графика	3	15.04.2003 05:03

07.11.2007, 17:55	#1
Port	Хочу сделать такую штуку. У меня на странице есть маленькое изображение(у него есть гипперссылка на точно такое же, но большое). При нажатии на маленькое, большое не просто открывается в новом окне, а в том же самом как бы плавно само по себе увеличивается и превращается в большое(до определенного размера), во как. Банальный вопрос, как это сделать??? У меня есть ссылки на сайты где используется такой эффект. И я даже смог вытащить от туда этот тэг. Но что к чему сам разобраться не могу. Объясните пожалуйста по-русски или дайте ссылку на рускоязычный сайт, где подробно описывается как это сделать, я кое-что понимаю но все равно новичок. Заранее спасибо.

07.11.2007, 19:08	#2
Newfelix	Ну и покажите ка этот "тег"

07.11.2007, 23:24	#3
Мерлин	гы... обычный LightBox... типа как тут www.cossacs.jino-net.ru (вверху в блоке фотогалерея кликните по ссылке)

08.11.2007, 09:14	#4
Port	http://www.c6software.com/Products/PopBox/Default.aspx - вот здесь выего без труда найдете. Он есть как на сайте в качестве образца, ну и само сабой в коде. Ещё мне дали такую ссылку, но я там ничего не понял - http://docs.jquery.com/Effects/animate

09.11.2007, 07:54	#5
Port	Я новичок в веб-строительстве. Мне нужно знать за что отвечает каждая строка тега. Как прикрепить этот тег к гипперссылке, чтоб именно нажимая на эту картинку, у меня запускался тег и выходила большая. Ну где-то же это можно найти, или вы мне подскажите??? Port добавил [date]1194584366[/date]: Просто всё что я нахожу в сети написано на проффесиональном уровне, буквально без пояснений идет голый тег.

09.11.2007, 16:38	#6
John_webMaker	Port, Этот эффект очень подробно описывается на сайте который вы же и выложили: ссылка

10.11.2007, 12:29	#7
Port	Да но ведь он на Английском. Конечно без английского трудно в наше время, я владею им в некотором роде, понимаю отдельные слова и фразы, но не до такой степени чтобы тут же читать автоматом переводить да ещё и понимая смысл. Я на русском то не сразу освоил некоторые теги. Поэтому я и спрашивал, не знаете ли вы где можно найти схожую информация но на русском.

10.11.2007, 15:16	#8
John_webMaker	Port, Увы, но на русском такой информации нет (по крайней мере я не нашел)))) Вообщето там ничего сложного нет: 1. Качаешь скрипт. 2. Там будет три папки: images, scripts, stylesheets, создаешь html в одной папке с ними. 3. В тэг <head> странички добавляешь: <script src="scripts/PopBox.js" type="text/javascript"></script> <script type="text/javascript"> popBoxWaitImage.src = "/images/spinner40.gif"; popBoxRevertImage = "/images/magminus.gif"; popBoxPopImage = "/images/magplus.gif"; </script> <style> .PopBoxImageSmall { border: none 0px white; cursor: url("images/magplus.cur"), pointer; } .PopBoxImageLarge { border: solid thin #CCCCFF; cursor: url("images/magminus.cur"), pointer; } </style> 4. Изображение помещаешь в тэг <img> следующим образом: [img]images/KrisinKreuk.JPG[/img] ,где id - идентификатор, src - путь к файлу, style - указываешь размеры уменьшенного изображения. функции POP - плавно увеличивает изображение, REVERT - возвращает в прежнее состояние, значения 30 и 40 в этих функциях - это скорость. Это только одна из многих возможностей этого скрипта...

10.11.2007, 18:48	#9
Port	Вот теперь вы расставили все точки над i , большое спасибо!!!