VPF::Скриншоты - Форум программистов

NLspieler

Дата 14.3.2009, 19:31 (ссылка)

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

Загрузка ...

Опытный

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

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

http://blsamler.110mb.com/13.03.09.html
Делаю, как вы уже наверное знаете, этот киносайтик.

Возникла проблема со скриншотами.
Как сделать так, что бы при нажатии на превьюшки скриншотов, открывалось уменьшенное окно с большим скриншотом.

Подобную фишку я видел на Одкноклассниках. Нажимаешь на маленькую фотку, после чего всплывает окошко с большой фоткой.

Можно ли сделать подобное всплывающее окошко, без помощи джаваСкрипт.

Рыжий

Дата 14.3.2009, 19:44 (ссылка)

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

Загрузка ...

Помешанный

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

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

NLspieler, Тебе нужно полноценное новое окно браузера? Тогда window.open()
Или тебе нужно всплывающее окошко, например: http://www.phatfusion.net/lightbox/ ? (можешь еще в гугле поискать LightBox, если это оно).

Но без JavaScript в любом случае - никуда.

NLspieler

Дата 14.3.2009, 20:04 (ссылка)

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

Загрузка ...

Опытный

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

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

window.open() это то что мне нужно!
Жаль, что без джеваСкрипт обойтись не удастся.
Что будет, если у пользователя отключены джаваСкрипты?

bars80080

Дата 15.3.2009, 01:48 (ссылка)

(голосов:1)

Загрузка ...

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

Награды: 1

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

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

Цитата(Рыжий @ 14.3.2009, 18:44

)

Но без JavaScript в любом случае - никуда.

ай-ай-ай, а как же _blank позабыли?

Код


<a href="big_foto.jpg" target="_blank"><img src="small_foto.jpg" /></a>

Рыжий

Дата 15.3.2009, 02:19 (ссылка)

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

Загрузка ...

Помешанный

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

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

bars80080, ввиду почетности ресурса открытие картинок в _blank - как то грубо...

Имхо нужно открывать нормальным lightbox`ом а уж если JS отключен, тогда:
1) Или в <noscript> говорить, что без JS сайт не работает и все тут!
2) или в <noscript> делать ссылки с _blank

bars80080

Дата 15.3.2009, 13:25 (ссылка)

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

Загрузка ...

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

Награды: 1

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

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

когда возникает вопрос: а если javascript отключён? то тут либо грубо, либо вообще работать не будет

я лично такой момент либо игнорирую, т.к. отключающих совсем мало, либо уж если нужно - ставлю грубый вариант с бланком, присваиваю ссылке какой-то специальный класс, а по загрузке страницы - пробегаю по всем ссылкам документа, и если там указанный класс, то меняю её поведение, стиранием href и присваиванием функции действия по onclick

MoLeX

Дата 15.3.2009, 14:00 (ссылка)

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

Загрузка ...

Местный пингвин

Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

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

Цитата(NLspieler @ 14.3.2009, 20:04

)

Что будет, если у пользователя отключены джаваСкрипты?

он мало у кого отключен

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

Amazing

NLspieler

Дата 16.3.2009, 20:07 (ссылка)

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

Загрузка ...

Опытный

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

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

Вот оказывается, как все сложно.

Цитата(bars80080 @ 15.3.2009, 13:25

)

пробегаю по всем ссылкам документа, и если там указанный класс, то меняю её поведение, стиранием href и присваиванием функции действия по onclick

Очень интересное решение проблема. Но для меня мало-преемлимое, т.к. джаваСкрипт я практически не знаю. Вообще ООП - это темный лес для меня.

Был бы рад, получить пример такого решения. Так как сам придумать не в состоянии.

bars80080

Дата 16.3.2009, 21:06 (ссылка)

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

Загрузка ...

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

Награды: 1

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

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

Код


function re_start() {
    var mv = document.getElementsByTagName('a'); // либо document.links;
    var alen = mv.length;
    for(var i = 0; i < alen; i++) {
        if(mv[i].className != 'pict') continue;
        mv[i].onclick = function(){ showBigPic(this.href); };
        mv[i].href = '#';
    }
}

соответственно есть какая-то функция showBigPic(x); "красиво" показывающая большую картинку,
старт функции навроде <body onload="re_start();">
ну, и вроде всё.
хотя конечно гарантии работоспособности не дам

SelenIT

Дата 17.3.2009, 00:39 (ссылка)

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

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

А чем не устраивают готовые скрипты типа всевозможных lightbox-ов (которых тысячи)? Подключаются легко, в разметке по факту нужно лишь дописать соотв. rel для нужных ссылок. Ну а для "изящной деградации" при отключенном JS как раз подойдет старый добрый _blank...

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

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

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