Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Вопросы по скрипту Lightbox

Ответить
Настройки темы
Вопросы по скрипту Lightbox

Пользователь


Сообщения: 124
Благодарности: 3

Профиль | Отправить PM | Цитировать


Здравствуйте. Скажите пожалуйста, как сделать из скрипта - ссылку. Нужно для того, чтоб кода пользователь навёл указатель мышки на ссылку(или просто хотёл узнать ссылку ) то не видел ссылку на что - небудь, а видел функцию джава скрипта в который пердается какой-то параметр. Обьясняю: есть скрипт лайтбокс, все его прекрасно знают, для фоток. Там ссылка едет такого плана, <a href="1.jpg" rel="lightbox[img]"></a>, href="1.jpg"это ссылка на изображение, а rel="lightbox[img]" это открыть изображение лайтбоксом. Поскольку я хочу скрыть ссылки, то хочу сделать так <a href="javascript:href(25)" rel="lightbox[img]"></a>. Мне нужна такая функция, чтоб принажимании на ссылку из скрипта и открывалось изображение. Возможно ли это? если плохо сформулировал вопрос- скажите, переправлю. Спасибо...

Отправлено: 20:11, 09-07-2009

 

Аватара для Flcn

Новый участник


Сообщения: 44
Благодарности: 4

Профиль | Отправить PM | Цитировать


maasja
ну смотри в нужном обработчике пешешь что то вроде: onmouseover="MyHandleFunction(); return false;" если я так всё понял.. в функции указываешь то что должно происходить, а с помошью return false; отменяешь поведение по умолчанию

а если надо куданибуть переходить то просто window.location.href="адрес"

по поводу формулировки, действительно понятно с трудом.. если вообще понятно)

-------
Ни один победитель не верит в случайность.
Фридрих Ницше


Последний раз редактировалось Flcn, 09-07-2009 в 20:39.


Отправлено: 20:26, 09-07-2009 | #2



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля.


Аватара для proxy

Старожил


Сообщения: 460
Благодарности: 152

Профиль | Отправить PM | Цитировать


maasja, имхо, все понятно, сделать возможно. я сам с lightbox не работал, не в курсе, как он вешает обработчики.
как понимаю href остался только для того, что бы открылась картинка если несработает js или к примеру "открыть в новом окне".
попробуй заменить вот так:

Код: Выделить весь код
<a href="javascript:void(0)" rel="lightbox[img]"></a>
или так, имхо, это хуже, так как елси несработает js, то страница будет прокручена к началу
Код: Выделить весь код
<a href="#" rel="lightbox[img]"></a>

-------
Мысли-читатель сломался, может подробней расскажите?
А где исходный код? Или мы стихи обсуждаем?! )) Настройки темы > Решено ?


Отправлено: 11:34, 10-07-2009 | #3


Пользователь


Сообщения: 124
Благодарности: 3

Профиль | Отправить PM | Цитировать


Попытаюсь обьяснить получше. Вот родной сайт лайтбокса Lightbox , в нём можно увидеть пример скрипта. В href="" должен прописыватся путь к фотографии. Но с целью скрыть от копирования фотки, хочу скрыть ссылки, а весь исходный текст засунуть в какой нибудь шифровальщик. Я пробовал, пробовал, у меня не получилось вместо ссылки на фотографию написать ссылку на скрипт(ну и сам скрипт). Я хочу чтоб например это
Код: Выделить весь код
<a href="javascript:href(x)" rel="lightbox[img]"></a>
заменяло
Код: Выделить весь код
<a href="1.jpg" rel="lightbox[img]"></a>
. Но так чтоб работал лайтбокс. Если ставлю window.location.href="адрес", то лайтбокс не работает, а вся страница просто переходит по указаному адесу.

Отправлено: 14:24, 10-07-2009 | #4


Аватара для proxy

Старожил


Сообщения: 460
Благодарности: 152

Профиль | Отправить PM | Цитировать


вот на это замени в файле lightbox.js:

Код: Выделить весь код
start: function(imageLink) {    

        $$('select', 'object', 'embed').each(function(node){ node.style.visibility = 'hidden' });

        // stretch overlay to fill page and fade in
        var arrayPageSize = this.getPageSize();
        $('overlay').setStyle({ width: arrayPageSize[0] + 'px', height: arrayPageSize[1] + 'px' });

        new Effect.Appear(this.overlay, { duration: this.overlayDuration, from: 0.0, to: LightboxOptions.overlayOpacity });

        this.imageArray = [];
        var link, imageNum = 0;       

        if ((imageLink.rel == 'lightbox')){
            // if image is NOT part of a set, add single image to imageArray
			link = imageLink.getAttribute('link');
			if (link == null) link = imageLink.href;
            this.imageArray.push([link, imageLink.title]);                  
        } else {
            // if image is part of a set..
            this.imageArray = 
                $$(imageLink.tagName + '[href][rel="' + imageLink.rel + '"]').
                collect(function(anchor){ 
					link = anchor.getAttribute('link');
					if (link == null) link = anchor.href;
					return [link, anchor.title]; }).
                uniq();
            link = imageLink.getAttribute('link');
			if (link == null) link = imageLink.href;
            while (this.imageArray[imageNum][0] != link) { imageNum++; }
        }
ссылки оформлять так:
Код: Выделить весь код
<a href="javascript:void(0)" link="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
либо как и прежде:
Код: Выделить весь код
<a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
первое, что придумалось. коненоч вариант без правки lightbox.js будет лучше.....

-------
Мысли-читатель сломался, может подробней расскажите?
А где исходный код? Или мы стихи обсуждаем?! )) Настройки темы > Решено ?


Последний раз редактировалось proxy, 10-07-2009 в 21:02.

Это сообщение посчитали полезным следующие участники:

Отправлено: 17:52, 10-07-2009 | #5


Пользователь


Сообщения: 124
Благодарности: 3

Профиль | Отправить PM | Цитировать


Да-да. это именно то что я хочу, но оно не работает((((( lightbox перестал работать после такого...

Отправлено: 19:00, 10-07-2009 | #6


Аватара для proxy

Старожил


Сообщения: 460
Благодарности: 152

Профиль | Отправить PM | Цитировать


Вложения
Тип файла: rar lightbox.rar
(4.1 Kb, 5 просмотров)

Цитата maasja:
lightbox перестал работать после такого... »
вполне возможно. я пробовал на последней версии lightbox.
а заменил верно? ни чего лишнего не стер?
сейчас перепопробую..

Нашел ошибку, обновил код - пост выше. Либо во вложении.


Цитата maasja:
в буфер обмена копировался адрес мыла. Возможно ли это? »
очень геморно, куча ограничений - что бы js код ненароком вирус незанес.
но вариант есть, попробовать стоит...

за то с этой задачей легче flash справляется

-------
Мысли-читатель сломался, может подробней расскажите?
А где исходный код? Или мы стихи обсуждаем?! )) Настройки темы > Решено ?


Отправлено: 20:54, 10-07-2009 | #7


Пользователь


Сообщения: 124
Благодарности: 3

Профиль | Отправить PM | Цитировать


Еще про лайтбокс. 1. lightbox работает только после полной загрузки страницы, а можно ли сделать так чтоб вовремя загрузки он тоже работал? 2. lightbox загружает картинку на столько пикселей, сколько имеет сама картинка, а можно ли как то самому выставлять размер изображения? например rel="lightbox(700,500)[img]"?

Отправлено: 22:42, 10-07-2009 | #8


Аватара для proxy

Старожил


Сообщения: 460
Благодарности: 152

Профиль | Отправить PM | Цитировать


maasja, с ссылками вышло?

1. lightbox начинает работать после полной загрузки dom дерева. раньше ни как, так как он пробегается по всем ссылкам / картинкам и разбирается, что же с ними делать. для разнообразия, в файле lightbox.js, внизу есть строчка:
Код: Выделить весь код
document.observe('dom:loaded', function () { new Lightbox(); });
можешь её заменить на:
Код: Выделить весь код
document.observe('dom:loaded', function () { alert('DOM загрузился, сейчас начнется подготовка работы Lightbox'); new Lightbox(); alert('Lightbox готов к работе'); });
и увидешь как быстро загрузится dom.

2. думаю да, только это не 5-минутное дело. тут повозиться немного необходимо.

-------
Мысли-читатель сломался, может подробней расскажите?
А где исходный код? Или мы стихи обсуждаем?! )) Настройки темы > Решено ?


Отправлено: 00:10, 11-07-2009 | #9


Пользователь


Сообщения: 124
Благодарности: 3

Профиль | Отправить PM | Цитировать


1.Тоесть нельзя Lightbox настроить так чтобы он работал до полной загрузки? а что если скрипты Lightbox поставить после фоток, то ему не придется пробежатся по всем ссылкам / картинкам после загрузки себя, а только до? или засунуть все ссылки-картинки в сам срипт Lightbox?
2. Проблема такая. Вот мой сайт, и на странице wedding и portfolio хотелось бы чтоб картинки (большие, те что грузятся в Lightbox) весили мало. Но поскольку Lightbox загружает картинку на столько пикселей, сколько имеет сама картинка, то уменьшения фотки (по размеру в кб, а не пикселей) теряет много качества. Но если сама фотка большая (в пикселях) то уменьшения ее качества незаметны, бо там много пикселей.
Попробую объяснить лучше, а то я как что-то не напишу))
Пример 1: Нужно отобразить фотку например размером 100х100 пикселей. Я создаю фотку размером 100х100, после уменьшаю ее качество для малого веса, и загружаю ее на сайт. В результате фотка весит мало, но ее качество плохое.
Пример 2: Нужно отобразить фотку например размером 100х100 пикселей. Я создаю фотку размером 500х500, дальше уменьшаю ее качество для малого веса. В результате фотка весит меньше чем в предыдущем примере(качества я сьел побольше), но если ее просмотреть размером 100х100 пикселей, то качество хорошее(намного лучше чем в предыдущем примере). Но пример 2 не реально осуществить, поскольку Lightboxу нельзя задавать размер изображения. Так что я был бы очень благодарен, если б вы помогли мне с этим(заодно и много людям тоже).
Кстате, proxy, я там к тебе в аську постучусь, может там попишемся про скрипт и выложем потом его здесь? спсибо.)))

Отправлено: 22:48, 13-07-2009 | #10



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Вопросы по скрипту Lightbox

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
[решено] lightbox 2. Возможно ли изменить эффект раскрытия? Artem-Samsung Вебмастеру 2 08-01-2009 02:38
Как мне ограничить обращение к php-скрипту slaine Вебмастеру 2 16-06-2005 02:55
Отправка формы скрипту Guest Вебмастеру 8 19-10-2004 15:40
Отправка формы скрипту Guest Программирование и базы данных 1 21-09-2004 10:03
Подбросьте идей к скрипту для создания сайта vadimiron Вебмастеру 13 03-06-2004 01:45




 
Переход