Форум Сайтостроение Веб-строительство

DLE: вывод картинок с увеличением

nalex
На сайте с 10.10.2011
Offline
69
nalex
4575

На ДЛЕ хочу, по разным причинам, загружать картинки для сайта в отдельные папки НЕ через админку.

Не хочу создавать уменьшенные картинки, чтобы они потом увеличивались через [thumb].

Если кто знает - подскажите как на ДЛЕ можно выводить уменьшенную картинку через css и при клике на нее, чтобы она увеличивалась В ЭТОМ ЖЕ ОКНЕ и потом уменьшалась снова.

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

WebAlt
На сайте с 02.12.2007
Offline
261
WebAlt
#1

А чем [thumb] не устраивает?

Как вариант:

1. Заливаете картинки через админку, далее перекидываете уменьшенную и большую в свою папку, в ней так же создайте под папку thumb для уменьшенных изображений. Посмотрите как стандартно в дле заливаются.

2. Локально на компе уменьшаете и заливаете в свою папку.

Вывод стандартный: [thumb=выравнивание|свой текст для alt] ссылка [/thumb]

Директ завершает процесс перехода Google представил облегчённую версию Инструмент проверки расширенных результатов
nalex
На сайте с 10.10.2011
Offline
69
nalex
#2
WebAlt:
А чем [thumb] не устраивает?
Как вариант:
1. Заливаете картинки через админку, далее перекидываете уменьшенную и большую в свою папку, в ней так же создайте под папку thumb для уменьшенных изображений. Посмотрите как стандартно в дле заливаются.
2. Локально на компе уменьшаете и заливаете в свою папку.
Вывод стандартный: [thumb=выравнивание|свой текст для alt] ссылка [/thumb]

Спасибо... это уже я все знаю.

Я специально написал, что не хочу заливать картинки через админку и делать уменьшенные копии. Для этого есть причины.

nalex
На сайте с 10.10.2011
Offline
69
nalex
#3

Вопрос решен! :wink:

Сделал так:

Подключил скрипт в <head>:
<script type="text/javascript" src="/engine/classes/highslide/highslide.js"></script>
<script type="text/javascript">
$(document).ready(function() {

$('img#myid').attr('onclick', 'return hs.expand(this)');

});
</script>

Картинку на страницу вставил так:
<a href="адрес картинки" onclick="return hs.expand(this)"> <img src="адрес картинки" alt="название" width="100" height="100"> </a>

И все заработало без предварительного уменьшения картинки, без thumb и загрузки на сайт через админку.

Достаточно добавить только в код расположение каждой картинки!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий