Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Несколько фото в модальном окне
 
 автор: zuka86   (17.02.2011 в 22:49)   письмо автору
28.1 Кб
 
 

Подскажите, плиз, такой вопрос.

На странице есть фотка предмета общего вида. При нажатии на неё открывается всплывающее окно (как выяснил, оно называется модальным), в котором показывается эта же фотка, но в бОльшем размере. Как одну фотку подгрузить в модальное окно я понял. Как несколько фоток подгрузить, чтобы они при клике на кнопку "предыдущее" "следующее" показывались по очереди я тоже понял ( хотя бы даже на этом примере http://www.olerant.ru/modal.php). Но вот незадача. Мне надо, чтобы в этом всплывающем окне показывалось не по одной фотке друг за другом, а сразу по 3 штуки. Т.е. кликнули по фотке общего вида на странице -> открывается модальное окно сразу с 3 фотками (например вид спереди, вид сбоку, вид сзади) -> затем кликнули на стрелочку "следующее" - появились следующие 3 фотки (вид сверху, вид снизу, ещё какой-нибудь вид. ).

Прикрепил файлик-картинку, чтобы было понятнее

Заранее благодарю всех за помощь и советы

  Ответить  
 
 автор: sim5   (18.02.2011 в 05:46)   письмо автору
 
   для: zuka86   (17.02.2011 в 22:49)
 

Это не модальное окно, вы заблуждаетесь.

  Ответить  
 
 автор: Абырвалг   (18.02.2011 в 13:47)   письмо автору
 
   для: sim5   (18.02.2011 в 05:46)
 

Да нет, топикстартер прав.

"Модальным" называется всякое окно (или даже "псевдоокно"), кое блокирует все элементы страницы до тех пор, покуда это окно не будет закрыто.

Примеры: window.alert (), window.confirm (), window.showModalDialog (),... , и то, что представлено в качестве примера на сайте http://www.olerant.ru/modal.php

  Ответить  
 
 автор: sim5   (18.02.2011 в 14:11)   письмо автору
 
   для: Абырвалг   (18.02.2011 в 13:47)
 

Ну какое же это окно, если в примерах речь о DIV? Я понимаю модальный формуляр WinAPI, вот это будет окном, но слой на странице... Это с чьей-то легкой руки назвали так, и пошло... Или я не нашел чего-то по ссылке? )

  Ответить  
 
 автор: Crux   (18.02.2011 в 14:42)   письмо автору
 
   для: sim5   (18.02.2011 в 14:11)
 

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

DIV (слой на странице) наделённый данным функционалом конечно не модальный формуляр WinAPI, но вполне может претендовать на звание "Модальное псевдоокно".
Конечно можно придираться к словам, но боюсь что как стали называть подобный див - "модальным окном", так и будут его называть. )

У Вас есть удобное альтернативное название для подобного DIV'а?

  Ответить  
 
 автор: sim5   (18.02.2011 в 15:10)   письмо автору
 
   для: Crux   (18.02.2011 в 14:42)
 

Ну, я тоже могу претендовать именоваться Майклом Джексоном, но от этого им не стану. ;-)
Нельзя зарезервированные в языке имена использовать, дабы не нарваться на неприятности, и вы этого делать не станете. Нельзя и понятия несущие в себе суть одного, притачивать к тому, что к этой сути никакого отношения не имеет. Иначе можно такого наговорить - запутаешься.
Это если бы в фотошопе каждый слой называть окном, хотя он может каждый слой открыть в новом окне. Вот бы в эту ситуацию да вашу "путаницу".

И не вики определила окно как класс, и чем оно является. А то, что там кто-то написал, мне как-то... ;-)

  Ответить  
 
 автор: Абырвалг   (18.02.2011 в 15:48)   письмо автору
 
   для: sim5   (18.02.2011 в 15:10)
 

Вы делаете акцент на ОКНЕ, а мы (с Crux'ом) упираем на МОДАЛЬНОСТЬ.
Модальность (в программировании) - свойство ЛЮБОГО объекта монополизировать пользовательский фокус. Окно - всего лишь один из таких "любых объектов".

В общем, можно сказать "белая ВОРОНА", а можно сказать - "БЕЛАЯ ворона".
В первом случае важна принадлежность пернатой особи к семейству врановых отряда воробьиных, а во-втором - важен ЦВЕТ. И никак не этой птицы-альбиноски, а - чаще всего - какого-то конкретного человека :-)

  Ответить  
 
 автор: sim5   (18.02.2011 в 15:55)   письмо автору
 
   для: Абырвалг   (18.02.2011 в 15:48)
 

А автор что пишет, и по поводу чего я написал ему? :)
Само понятие модальный, это одно, но DIV, как его не крути, это всего лишь слой в документе, и то что он "вырвался" по ранжиру выше всех не делает его окном, ну хоть тресни. )

  Ответить  
 
 автор: Абырвалг   (19.02.2011 в 06:22)   письмо автору
 
   для: zuka86   (17.02.2011 в 22:49)
 

Здесь всё не просто, а ОЧЕНЬ просто.

Нужна только элементарная ЛОГИКА в наименовании картинок.
Положим, есть у Вас ОДНА фотография общего вида объекта + 9 фотографий этого же объекта с разных сторон. И именно эти 9 фоток Вы хотите показывать последовательно ГРУППАМИ по три штуки (ГРУПП в данном случае у Вас будет ТРИ штуки).

1. Фотку общего вида именуете ТАК, чтобы в имени её была информация обо всём вышесказанном.
Сиречь, имя (+номер) объекта, указание на то, что это - общий вид, количество групп всего.
Например, так, для сиамского кота: cat1_3.jpg (кот номер 1; 3 группы по 3 фотки)
И - так, для кота персидского: cat2_2.jpg (кот номер 2; 2 группы по 3 фотки)

2. Соответственно, фотки, которые входят в группы, также именуете, чтобы в их названии была информация об объекте, о группе и о месте фотки в группе.
Например, для того самого сиамского кота картинки именуете так:
cat1_g1_1.jpg, cat1_g1_2.jpg, cat1_g1_3.jpg - три фотки первой группы
cat1_g2_1.jpg, cat1_g2_2.jpg, cat1_g2_3.jpg - три фотки второй группы
cat1_g3_1.jpg, cat1_g3_2.jpg, cat1_g3_3.jpg - три фотки третьей группы

Для персидского кота, надеюсь, сами сделаете?

Ну а теперь эту "логику в наименованиях" необходимо реализовать в скрипте.
Клик по картинке cat1_3.jpg запускает функцию, которая из имени этой картинки получает ВСЮ нужную информацию о том - какие три фотки надо показать в модальном окне, и какие три другие из следующей группы "навесить" на ссылку "Следующая" в этом же модальном окне.

  Ответить  
 
 автор: sim5   (19.02.2011 в 06:28)   письмо автору
 
   для: Абырвалг   (19.02.2011 в 06:22)
 

>Сиречь,...

АЯ, он же РАТ, он же... ? )

  Ответить  
 
 автор: Абырвалг   (19.02.2011 в 07:01)   письмо автору
 
   для: sim5   (19.02.2011 в 06:28)
 

Ага...
она же... Изольда Меньшова; она же Валентина Паният. Сводня, воровка, четырежды судимая. На левой руке голубь и три буквы "Аня".

(с)братья Вайнеры. Эра милоседия
(с)к/ф "Место встречи изменить нельзя"

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования