X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Переключение между картинками
Aramis_hb
Aramis_hb
Topic Starter сообщение 13.3.2011, 15:05; Ответить: Aramis_hb
Сообщение #1


Доброго времени суток.
У меня есть фотокаталог, и сейчас он выглядит достаточно банально:
<table>
<tr>
<td align="center"><a href="/Catalogs/Basic_Essentials/large/large_0.jpg" target="_blank"><img src="/Catalogs/Basic_Essentials/small/small_0.jpg"></a></td>
<td align="center"><a href="/Catalogs/Basic_Essentials/large/large_2.jpg" target="_blank"><img src="/Catalogs/Basic_Essentials/small/small_2.jpg"></a></td>
</tr>
<tr>
<td align="center"><a href="/Catalogs/Basic_Essentials/large/large_0.jpg" target="_blank"><font size="2" face="Century Gothic" color="black"><b>Обложка</b></font></a><br></td>
<td align="center"><a href="/Catalogs/Basic_Essentials/large/large_2.jpg" target="_blank"><font size="2" face="Century Gothic" color="black"><b>Страница 2</b></font></a><br></td>
</tr>
...
...
<tr>
<td align="center"><a href="/Catalogs/Basic_Essentials/large/large_16.jpg" target="_blank"><img src="/Catalogs/Basic_Essentials/small/small_16.jpg"></a></td>
<td align="center"><a href="/Catalogs/Basic_Essentials/large/large_18.jpg" target="_blank"><img src="/Catalogs/Basic_Essentials/small/small_18.jpg"></a></td>
</tr>
<tr>
<td align="center"><a href="/Catalogs/Basic_Essentials/large/large_16.jpg" target="_blank"><font size="2" face="Century Gothic" color="black"><b>Страница 16</b></font></a><br></td>
<td align="center"><a href="/Catalogs/Basic_Essentials/large/large_18.jpg" target="_blank"><font size="2" face="Century Gothic" color="black"><b>Страница 18</b></font></a><br></td>
</tr>
</table>


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

Я понимаю, что это достаточно долго обьяснять, но я не слишком силен в JS, и надеюсь на помощь.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SEVI
SEVI
сообщение 14.3.2011, 15:04; Ответить: SEVI
Сообщение #2


Это возможно сделать на JQuery.
Задайте этой таблице каталогу id="catalog".Создайте див с абсолютным позиционированием и id="pos", содержимым которого будет тег img.
[JS]
$(document).ready(function() {
$('#pos').hide();
$('#catalog tr td a').click(function(eventObject){
var a = $(this);
$('#pos img').attr('src',a.attr('href')).load({
$(this).show();
});
eventObject.preventDefault();
});
});
[/JS]
Тут я показал только функцию открытия. Понадобится дальше скрипт пишите мне. Но лучше сами пробуйте. Так больше знать будете)))

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
10 NikN 2637 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Автоматическая перелинковка между страницами Wordpress
4 rokot 2303 28.7.2019, 20:56
автор: rokot
Открытая тема (нет новых ответов) Как убрать полоски с картинками “PushDown”
4 mstdmstd 5744 8.10.2018, 17:31
автор: -Сабж-
Открытая тема (нет новых ответов) Сменить фокус общения JS между документами
нужен очень толковый JS разработчик
0 LebedevStr 2633 24.6.2018, 19:21
автор: LebedevStr
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКак удобнее работать в команде, если надоело переключаться между мессенджерами?
3 work_lance 3909 14.3.2018, 3:30
автор: work_lance


 



RSS Текстовая версия Сейчас: 20.4.2024, 1:41
Дизайн