Увеличение картинки при нажатии или подведении курсора мыши

Сообщение **nakrrul** » 09 июн 2015, 20:26

Здравствуйте!
В Web Builder работаю не так давно.
Вроде все интуитивно понятно, но иногда бывают затупы)
Например, пытаюсь сделать эффект к картинке, чтобы при наведении на нее курсором или при одиночном нажатии увеличивался ее масштаб.
Выставляю в свойствах картинки, во вкладке События:
Событие: onclick
Действие: Отображать с эффектами
Цель: Image 1
Эффект: Масштаб (где он настраивается я так и не нашел)
Очистка: Linear (не знаю что это такое)
И при предварительном просмотре при нажатии на картинку ничего не происходит.
Что я делаю не так?
И ещё вопрос, как в WB сделать, чтобы при нажатии картинки открывалась область просмотра картинок, типа фотоальбома?
Вроде это делается на JQ, но инструмента не нашел.

Чтобы увеличивался масштаб при клике поставьте в фотогалерею. Для того чтобы объяснить чтото найдите хотябы пример того, что хотите.

Сообщение **nakrrul** » 10 июн 2015, 14:16

gladiolus0707 писал(а):Чтобы увеличивался масштаб при клике поставьте в фотогалерею. Для того чтобы объяснить чтото найдите хотябы пример того, что хотите.

Воспользовался Фотогалереей и почему то не нашел там простого инструмента для увеличения масштаба изображения при нажатии мыши на него.
Единственное что более менее можно использовать это Галерея вывесок, где находятся 4 галереи, сделанные разными людьми, добавить новую нельзя, редактировать имеющиеся не понятно как.
Можно ещё открывать в отдельном диалоговом окне JQuery, но там открывается только по одной картинке, стрелочек для перехода нет, чтобы продолжить просмотр нескольких картинок, приходится каждый раз закрывать окно и щелкать новую картинку.
И все-таки, почему не работают СОБЫТИЯ!!?

События работают, только не понятно что Вы от них хотите. Поищите пример.

Сообщение **nakrrul** » 10 июн 2015, 15:07

gladiolus0707 писал(а):События работают, только не понятно что Вы от них хотите. Поищите пример.

Я выложил пример того что что пытаюсь сделать.
Действие: Отображать с эффектами, почему-то не работает ни один эффект.

Выберите не "взорвать". "Взорвать" в некоторых моментах не срабатывает

Сообщение **nakrrul** » 10 июн 2015, 15:34

gladiolus0707 писал(а):Выберите не "взорвать". "Взорвать" в некоторых моментах не срабатывает

Ни один эффект не работает

В свойствах страницы html5 включите. Версия программы лицензионная?

Сообщение **nakrrul** » 10 июн 2015, 16:01

gladiolus0707 писал(а):В свойствах страницы html5 включите. Версия программы лицензионная?

С html5 также эффекты не работают((
Ну бог сними, где же простой инструмент для увеличения масштаба картинки при наведении или при нажатии на неё???
Если такого инструмента нет, тогда как можно прикрутить js?

Сообщение **nakrrul** » 10 июн 2015, 19:09

Короче, как всегда все сам))
Нашел скриптик:
<style type="text/css">
.vkl3 > br,
.vkl3 > a:nth-of-type(2),
.vkl3 > br:target ~ a:nth-of-type(1) {display:none;}
.vkl3 > br {position:fixed;}
.vkl3 > br:target ~ a:nth-of-type(2) {display: block;}
</style>
<figure class="vkl3">
<br id="vkl3"/>
<a href="#vkl3">
<img src="images/mini.jpg"/>
</a>
<a href="#close">
<img src="images/origin.jpg"/>
</a>
</figure>
докрутил его для своих картинок, и все вроде бы ничего, но вот только, когда работаешь в проекте Web Builder, он почему то не может ссылаться на картинки лежащие в папке images/...
Прикол в том, что если данный скрипт просто вставить в форму html, и рассчитывать на то, что прога сама найдет путь к картинкам, то в режиме предпросмотра появятся значки с отсутствием картинки, а вот если в WB закинуть и миниатюру и оригинал картинок, то тогда скрипт работает как надо, а рядом с ним будут болтаться две картинки.
Чтобы спрятать их, я ничего лучше не придумал как закрыть их формой, которая имеет цвет фона, тогда выглядит идеально и эффект работает как надо)))
Скажите, неужели нет простых решений (встроенных), чтобы увеличивать изображение, нажав на него???

YouTube · Сообщение **Alex** » 10 июн 2015, 21:48

А если так?

001_.jpg

Сообщение **nakrrul** » 10 июн 2015, 23:28

Alex писал(а):А если так?
001_.jpg

Согласен!)
Я уже нашел пару вариантов по проще, чем возиться со скриптами.
1. Это при нажатии на картинку будет открываться в лайтбоксе другая страница на которой находится картинка по больше.
2. А потом до меня наконец дошло, что можно просто в картинке сделать ссылку на другую картинку и отобразить ее в лайтбоксе, при этом, задав размеры лайтбокса (width, height) в соответствии с размерами открываемой картинки.
Теперь нужно найти команды по настройке стиля лайтбокса, чтобы было все красиво.
Короче всем спасибо!

Отправлено спустя 2 минуты 54 секунды:
Единственное так и не разобрался, почему в Событиях, при установке в Действии: Отображать с эфектами, ни один эффект не работает

Кто сейчас на конференции

Добро пожаловать на форум!