--}}
Новая тема
Вы не можете создавать новые темы.
Т.к. вы неавторизованы на сайте. Пожалуйста назовите себя или зарегистрируйтесь.
Список тем

Как сделать кликабельную картинку на Гуглосайте?

Нужен совет (поиск решения проблемы. не для купли-продажи)
9
32
С друзьями на NN.RU
В социальных сетях
Поделиться
mik-mak
16.10.2013
Есть сайт на гуглосайтах.. Есть вопрос:
Как сделать так, что б при клике на картинку, она открывалась в большем разрешении.. Картинка находится в тексте.. Сайт сделан путём копирования текста из блокнота во встроенный редактор с последующей вставкой туда картинок..

ЗЫ.. Сайт не фонтан - мне стыдно его показывать :))
Anselm
16.10.2013
плохих сайтов не бывает. бывает мало пива.
пы.сы. делай лайтбокс, не бери пример с горе кодеров ннру
zormax
17.10.2013
они знаешь как обидились когда я их похаил? аж в приват написали...
Anselm
17.10.2013
они вообще ранимые(( мне тож писали и темы с невинными вопросами на ТП гробят
ph03nix
17.10.2013
Улыбнуло )) Чего написали, "не хайте нас, мы хорошие"? )))
zormax
17.10.2013
трудная у них работа :-)
mik-mak
17.10.2013
Хм.. А это чего такое?.. И можно ли это приделать к гуглосайту??
Anselm
17.10.2013
ansy.us/kak-ya-vozvrashhal-rejting-nntt-1/
ткни на картинку
mik-mak
17.10.2013
Угу.. вот чего-то подобное и нужно :) Тока вопрос, оно на гуглосайте будет работать?
mik-mak
07.11.2013
Теме ап..
Таки, а как такое делать?
Anselm
07.11.2013
Исходники страницы видишь?
mik-mak
07.11.2013
угу.. А какое место в исходниках смотреть на предмет этого lightbox-а?
Вот это оно? Idiots guide to using Lightbox in Google sites - with video tutorial

productforums.google.com/forum/#!topic/sites/kfsWLG9Fzls )
Как работает то что там по ссылке не знаю (лень смотреть исходники), я использовал аналогичную штуку (не на google sites) — PrettyPhoto (плагин к jQuery).

Принцип такой: подключаешь скрипты jQuery и prettyPhoto, превьюхи на странице постишь в виде <a href='full.jpg' rel='prettyPhoto'><img src='preview.jpg'></a>, добавляешь в конце страницы нибольшой блок скрипта для инициализации.
FreeCat
08.11.2013
BrainFucker писал(а)
добавляешь в конце страницы нибольшой блок скрипта для инициализации.

... обычно всё же в начале ;-) ...
Нет, этот именно после всех картинок, к которым применяется скрипт, иначе работать не будет (либо придётся выполнять по событию document ready).

А вот jQuery и плагин подключать в <head>. Впрочем, сейчас и это рекомендуют делать в конце, чтобы дать сперва загрузиться странице, т.к. до того как она загрузится и отрендерится, от них проку никакого, зато задержат загрузку страницы.
FreeCat
08.11.2013
... а у мня много лет стоит до и прекрасно работает ;-) ... причём без обработки события ;-) ...
Вряд ли без события document ready обошлось. К картинкам же нужно биндить события click. Как скрипт это сделает, если страница ещё не готова?
Есть ещё вариант вручную пописать onclick в теги <img> превьюх, но это неэстетично.
FreeCat
08.11.2013
... всё вполне обошлось ;-) ...
Не может быть!
FreeCat
09.11.2013
... таки работает ;-) ... и в других подобных JS скриптах :) ... уже более 10 лет ;-) ...
А если найду?! :D

По ссылке выше скрипт подключён в конце страницы. img443.imageshack.us/img443/33/54e6.png
FreeCat
10.11.2013
BrainFucker писал(а)
По ссылке выше скрипт подключён в конце страницы.

... ну и что :) ?
FreeCat
08.11.2013
... собственно и в примере его применения до тоже стоит ;-) ...
собственно и в примере его применения до тоже стоит ;-)
Я не знаю как ты смотрел, я вижу что lightbox подключён в конце страницы. img443.imageshack.us/img443/33/54e6.png
FreeCat
10.11.2013
... я смотрел пример когда у себя подключал, а вовсе не этот ;-) ... естественно ни сайта где брал и пример какой был уже не помню ... слишком давно уже это было :) ...
Давай ссылку где у тебя якобы стоит до и выполняется без события document ready :D
FreeCat
11.11.2013
annamain.org/site/art_galery_2013/ ... например :-)
Вечером гляну.
Ну и? Обработчик события document ready там используется.
Вот инициализирующий скрипт в начале страницы:
$(function(){
$(″#lightBox a[rel^=′prettyPhoto′]″).prettyPhoto({
theme: ′dark_rounded′
});
});
У jQuery конструкция
$(function(){
// код
});
является сокращением
$(document).ready(function(){
// код
});

То есть скрипт выполняется после того как страница загрузится и отрендерится. Иначе просто работать не будет. Картинок ещё нет, а скрипт будет пытаться применить к ним (точнее здесь применяется к ссылкам, в которые помещены картинки) определённые действия (в данном случае вешать обработчик событий onclick и пр.).
Что такое гуглосайт?
Anselm
17.10.2013
https://sites.google.com/ наверное
FreeCat
11.11.2013
... хочет чтобы я сказал кто я %) ...
Новая тема
Вы не можете создавать новые темы.
Т.к. вы неавторизованы на сайте. Пожалуйста назовите себя или зарегистрируйтесь.
Список тем
Последние темы форумов
Форум Тема (Автор) Последний ответ Ответов
Оперативная память Corsair XMS3 CMX8GX3M2A1600C9

Оперативная память Corsair XMS3 CMX8GX3M2A1600C9 Отправка в регионы после оплаты. Продаются сразу обе. Цена за обе 2000 руб....
Цена: 1 000 руб.

Принтер лазерный HEWLETT PACKARD HP-6L

Принтер лазерный HEWLETT PACKARD HP-6L Отправка в регионы после оплаты. 3штуки БУ. Внешний вид из магазина простояли на складе...
Цена: 4 500 руб.

Материнские платы на запчасти и не только

Материнские платы на запчасти и не только Материнские платы и другие комплектующие Отправка в регионы после оплаты. Транспортной...
Цена: 3 000 руб.

Сетевой фильтр APC Surge Arrest

Сетевой фильтр APC Surge Arrest для радиолюбителя.и не только Отправка в регионы после оплаты. ЦЕНА 3000 руб. В рабочем состоянии....
Цена: 3 000 руб.