Просмотр картинок

Без перезагрузок страницы, Ajax'а и громоздкого кода.

#1 5 июня 2011 в 08:55

Сидел и баловался с JavaScript и, в итоге, у меня вышел полноценный просмотрщик изображений. От других отличается он тем, что при нажатии ссылки, ведущей к другой картинке, страница не перезагружается, а картинка все-равно меняется. При этом, я использовал минимум JS-кода для реализации этой фишки.
Скачать исходник

#2 5 июня 2011 в 09:03

Посмотреть где-нибудь можно?

Сделано на INSTANT - Нижегородская социальная сеть

#3 5 июня 2011 в 09:16

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

#4 5 июня 2011 в 10:38

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

Ильдар Карымов

Надо же знать что качаешь хоть скрин выложи

#5 5 июня 2011 в 10:53

странная тема…

#6 5 июня 2011 в 16:30

пойди туда не знаю куда принеси то не знаю что! вы ссылку то на демо выложите… странный у вас диалог самого с собой

Хостинг лучший тут Делаю оригинальные шаблоны и рипы, модули и компоненты на заказ icq 436920741

#7 10 июня 2011 в 19:41

Сидел и баловался с JavaScript и, в итоге, у меня вышел полноценный просмотрщик изображений. От других отличается он тем, что при нажатии ссылки, ведущей к другой картинке, страница не перезагружается, а картинка все-равно меняется. При этом, я использовал минимум JS-кода для реализации этой фишки.
Скачать исходник

Ильдар Карымов

как обстоит дело с демо? есть оно или нету? так никто не будет качать, если не трудно выложите покажите демосайт.

#8 11 июня 2011 в 12:25

А что тут демонстрировать?

 
<div style="background:#DADAEF;border-bottom:1px solid #0000CE;padding:10px;width:1004px;">
<p style="font-size:16px;"><b>Просмотр фотографий</b></p>
<a href="#img1" onclick="getElementById('workspace').setAttribute('src', '1.JPG')">первая</a>  |  
<a href="#img2" onclick="getElementById('workspace').setAttribute('src', '2.JPG')">вторая</a>  |  
<a href="#img3" onclick="getElementById('workspace').setAttribute('src', '3.JPG')">третья</a>  |  
<a href="#img4" onclick="getElementById('workspace').setAttribute('src', '4.JPG')">четвертая</a>  |
 
</div>
<br>
<img id="workspace" src="1.JPG">

#9 13 июня 2011 в 19:53

А что тут демонстрировать?

 
 
Просмотр фотографий
первая  |  
вторая  |  
третья  |  
четвертая  |

что это? куда применить и какой результат даёт?

Иконки меню

Как сделать чтобы модули в sid

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Просмотр картинок

Похожие темы

[ЕСТЬ РЕШЕНИЕ] Вывод картинок при миграции с первой ветки

Биллинг и просмотры

[ЕСТЬ РЕШЕНИЕ] Просмотр контента или вступление в группы в зависимости от рейтинга

[ЕСТЬ РЕШЕНИЕ] Как для статей включить счётчик просмотров

Закрыть просмотр части текста в записи от незарегистрированных, возможно?

Размер картинок не соответствует настройкам

Вывод картинок GIF в наборе изображений

Tinymce, копирование картинок из буфера обмена

Похожее в блогах

Модуль "Таблица картинок" для InstantCMS 1.10.4

Виджет "Таблица картинок"

Google PageSpeed Insights и качество сжатия картинок

Сортировка дополнительных картинок в шопе drag'n'drop

InstantCMS Team

О проекте

Поддержка

Дополнения