Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Показ фотографий, как сделать? 
:(
    Опции темы
Рыжий
Дата 11.2.2005, 21:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Помешанный
***


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

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



Вот у меня немного странный, даже тупой вопрос:
Недавно столкнулся с такой проблемой - нужно на сайте сделать просмотр фотографий типа появляется страница, а на ней

[1] [2] [3] [4] [5] [6] [7] [8] [9] [10]

и при нажатии на соответсятвующий номер фотки появляется она. Вот блин html знаю хорошо, уже больше года занимаюсь а даже в голову не приходит как сделать, конечно 100% можно на javascript но я её не знаю... может можно выкрутиться на php но я считаю что сдесь одного html хватит, но как это сделать? В общем оставляйте свои предложения тут.
PM MAIL ICQ   Вверх
Irokez
Дата 11.2.2005, 21:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


индеец
***


Профиль
Группа: Участник Клуба
Сообщений: 1180
Регистрация: 20.10.2004

Репутация: 3
Всего: 53



самое простое, без ЯваСкрипта и пхп:
<a href="images/1.jpg" target=_blank>1</a>
<a href="images/2.jpg" target=_blank>2</a>
<a href="images/3.jpg" target=_blank>3</a>
...
<a href="images/10.jpg" target=_blank>10</a>

PM   Вверх
Рыжий
Дата 11.2.2005, 22:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Помешанный
***


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

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



если я не ошибаюсь - каждая фотография будет в новом окне, а как сделать чтобы в одном и том же окне, в одном итом же месте??
PM MAIL ICQ   Вверх
Cheba
Дата 11.2.2005, 23:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


pointless one
***


Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

Репутация: 14
Всего: 62



Это уже точно нужно будет через JS.

HTML
<script>
<!--
function switchImg(img)
{
document.getElementById("main-img").src = img;
}
//-->
<img id="main-img" src="">
<a href="javascript:void(0)" onclick="switchImg('1.jpg');">
<a href="javascript:void(0)" onclick="switchImg('2.jpg');">
<a href="javascript:void(0)" onclick="switchImg('3.jpg');">


ЗЫ: писал из головы, сильно не ругайте...
PM MAIL ICQ   Вверх
Рыжий
Дата 12.2.2005, 00:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Помешанный
***


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

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



уфф, жалко, javascript не знаю, но постараюсь разобраться впрочем все более менее понятно, англ. языком и логикой владеем... smile
PM MAIL ICQ   Вверх
Joes
Дата 12.2.2005, 16:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 3
Всего: 7



Цитата(PHP @ 12.2.2005, 00:53)
если я не ошибаюсь - каждая фотография будет в новом окне, а как сделать чтобы в одном и том же окне, в одном итом же месте??

Точно так же как и написал IROKEZ, только вместо blank поставь parent... Будет открываться в том же окне, где и сама страница...
Если же нужно в отдельном окне да еще и под размер фотографии smile, то это уже JavaScript

PM MAIL   Вверх
Рыжий
Дата 13.2.2005, 00:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Помешанный
***


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

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



Нет постой, если вместо Blank прописать parent то получится что я просто в новом окне гружу новую страницу, а мне это не надо, в таком случае можно было бы просто прописать -

<a href="1.gif">Image</a>

эффект одинаков smile


Я кстати посмотрел некоторые сайты с такими шаблонами: так вот многие используют php для этого, вот как - это интерестный вопрос, хотя конечно можно, но я думаю что здесь можно намного проще сделать!


Cheba

Слушай, расшифруй свой пример, ато я совсем полетел на нем, оказалось java script намного сложнее чем я думал smile не могу разобраться все равно...

Это сообщение отредактировал(а) PHP-Script - 13.2.2005, 01:01
PM MAIL ICQ   Вверх
Cheba
Дата 13.2.2005, 02:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


pointless one
***


Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

Репутация: 14
Всего: 62



Начинаем скрипт.
Код
<script>
<!--

Тут у нас функция, которая принимает аргументом адрес картинки в виде http://some.host/path/to/img.png
Она находит элемент main-img (см. ниже) и подменяет у него свойство src на нужное значение. В следствии чего картинка меняется.
Код

function switchImg(img)
{
 document.getElementById("main-img").src = img;
}

Закрывем кусок скрипта.
Код
//--><script>

Это та картинка, в которой и будут появляться у нас картинки по кликам на ссылки.
Код
<img id="main-img" src="">

Сами ссылки. В href у них "специалдьное значение", которое говорит броузеру, что ничего не нужно делать. Но в то же время по клику на ссылку мы подменяем рисунок на нужный.
Код
<a href="javascript:void(0)" onclick="switchImg('1.jpg');">
<a href="javascript:void(0)" onclick="switchImg('2.jpg');">
<a href="javascript:void(0)" onclick="switchImg('3.jpg');">


Будут вопросы - разъясним, поможем. Чем сможем... smile
PM MAIL ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0464 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.