Консультации Портала - Консультация #171617

Задать вопрос Консультации Пользователи Форум

Задать вопрос экспертам

Консультация № 171617

26.08.2009, 03:42

0.00 руб.

0 11 2

Компьютеры Программирование

Всем доброе время суток...

Подскажите плизз, кто знает, как можно реализовать такую фишку, как например, на этом сайте:

http://www.dimo.spb.ru/gallery2/v/spb/Petersburg_rivers/

на этом сайте, при нажатии на картинку, открывается увеличенное изображение... Вот это то мне и нужно. Как можно сделать таку фишку, и вообще, какими методами...? Что это? Див или же иное какое всплывающее окно...???

Обсуждение

Неизвестный

26.08.2009, 09:58

общий

это ответ

Здравствуйте, Dfish.

Подобное можно реализовать c помощью Highslide JS (http://highslide.com) и очень просто.

Неизвестный

26.08.2009, 14:14

общий

это ответ

Здравствуйте, Dfish.

Несовсем понял Ваш вопрос, но это обычная галлерея, ничего сверх естественного на "http://www.dimo.spb.ru/gallery2/v/spb/Petersburg_rivers/" неувидел. Существует огромное кол-во бесплатных галлерей, которые делают "подобные штуки" :)

Неизвестный

26.08.2009, 17:02

общий

Да, конечно, с Вами согласен! Ничего сверхъестественного... Но, я прекрасно понимаю, что таковых галлерей много, а еще, Вам по секрету скажу, что сайтов вообще в инете - много...

Однако, не смотря на "много", все же интересен подобный механизм...

Неизвестный

26.08.2009, 17:26

общий

Спасиба Зернову Александру...

Я просто одного не оочень могу пнять, как таку штуковину, можно с БД связать, т.е. с пхп + мускл ... Я если честно, в джаве не очень силен... Может быть, есть какие либо примеры, работающие уже заранее на пхп + мускл ...?

Неизвестный

26.08.2009, 20:51

общий

это обычный лайтбокс. При выводе из бд картинок прописываеш им просто rel="lightbox" и все будет работать. На сайте есть примеры и скачать можно
http://www.huddletogether.com/projects/lightbox2/

Неизвестный

27.08.2009, 01:40

общий

crasher - огромное спасиба за совет, и я охотно верю, что энто могет сработать... Однако, сорри за тупость, а может просто ничаво не пнимаю, но обычно rel - я использую в заголовке <head>, например:

<link rel="stylesheet" type="text/css" href="/styles/htmlbook.css">

а на самой странице в коде, который выводик картинки из БД получается следующее:

<?php

какой то код...

echo "
<tr>
<td align="left" valign="top">

$foto = "foto_01.gif";

<img src="/$foto" width="350" height="120" align="absmiddle" class="img_02">

</td>
</tr>";

?>

и куды вставить rel="lightbox" ...??? как оное должно выглядеть...??? :)

Неизвестный

27.08.2009, 11:44

общий

Dfish:
А впринципе делается все очень просто.
1. Ставиш у себя firefox
2. Ставиш на него плагин "Firebug" и "Web developer"
3. Смотриш какие скрипты подгружаются, как что и с кем взаимодействует
4. Береш то, что тебе нужно :)

Неизвестный

28.08.2009, 23:00

общий

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

Неизвестный

29.08.2009, 01:22

общий

Ну вообще-то "передача данных между пхп и яваскриптом" никогда небыло глобальной проблемой, поскольку это АБСОЛЮТНО РАЗНЫЕ вещи (PHP выполняется на стороне сервера, а яваскрипт на стороне клиента), и уж тем более никто не отменял такую вещь как аякс (Ajax).

Неизвестный

29.08.2009, 01:30

общий

вот про то то я речь и веду... что пхп и джаваскрипт - разные, ну блин, они точно разные, ну просто в корень смотрите.... я ужже который тиоп пишу про то, что PHP выполняется на стороне сервера, а яваскрипт на стороне клиента, и блин, уж извените за грубость, но вопрос звучит вполне корректно:

каким макаром связать lightbox2 и мою БД мускл ...???

чуток выше - привел фрагменты кодов...

ну и как...?

просто не над объяснять, что они разные... мне всего то нужно, что бы эффект открытия увеличенной картинки, выведеной из бд мускл, открываля так же, как еслиб это был просто lightbox2 делающий вывод просто картинок и просто из папки.. сортируя их блин по алфавиту...

сорри за жесткость, но оочень большая просьба, просто надоели перцы типа , да ты же должен знать что пхп не джава... Я это и так знаю... весь топ тольк и говорит, что пхп не джава и что джава - это не джаваскрипт.... А подскажите блин плиззз просто решение вопроса... ну тык чтоб понятно было где, чего и куда... Вот собственно и все что оочень бы хотелось...

Ну пожалуйста, помогите плиззз... совсем с ентой хренью запарился...

Неизвестный

30.08.2009, 17:38

общий

Dfish]
Дла начала нам необходимо подгрузить в страницу js скрипты Highslide JS и таблицу стилей, как это сделать и что именно грузить можно подсмотреть на демо странице http://highslide.com/index.htm, часть js можно не грузить, поскольку некоторые из них нужны дл генерации HTML контента.
Далее делаем запрос в БД и заносим в массив названия всех фотографий. Подобное на MSSQL реализовано у меня так:

Код:

$query = mssql_query("SELECT * FROM images", $db_connect) or die ("Error". __LINE__ );

На этой же стадии можно упорядочить данные в SQL запросе череpез ORDER BY.
Далее генерируем галерею:

Код:

while ($row = mssql_fetch_array($query)) 
{
$image = $row['image'];
echo ("<a href="".$uploaddir."/". $image ."" onClick="return hs.expand(this)"><img src="".$uploaddir."/". $image ."" height="100" align="absmiddle"></img></a>");
};

Именно onClick="return hs.expand(this) на ссылке "создает" галерею.

Форма ответа

Отправка постов/ответов доступна только зарегистрированным и подтвержденным пользователям.

Если Вы уже зарегистрированы на Портале - войдите в систему, если Вы еще не регистрировались - пройдите простую процедуру регистрации.