11.04.13, 00:30
1 комментарий
  DLE Хаки

Эффект лупы (увеличение изображения) [DLE 9.*] (исправлена ошибка)

Реализация эффекта увеличительного стекла (лупы) для изображений на сайте DLE 9.*.

Для работы нам понадобится библиотека jQuery, а также будем использовать CSS3.



1. Скачиваем архив.

2. Заливаем содержимое в свой шаблон.

3. Открываем /templates/ваш шаблон/main.tpl
и перед
</head>
вставляем:

<link href="{THEME}/style/style.css" rel="stylesheet" type="text/css">


тут же, в самом низу, перед
</body>
вставляем:

<!-- Подгрузим prefix-free для более удобного использования CSS3 -->
<script src="https://raw.github.com/LeaVerou/prefixfree/gh-pages/prefixfree.min.js" type="text/javascript"></script>

<!-- Подключаем библиотеку jQuery -->
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>

<!-- Скрипт лупы -->
<script src="{THEME}/js/script.js" type="text/javascript"></script>


4. Открываем /templates/ваш шаблон/fullstory.tpl (для полной новости) или /templates/ваш шаблон/shortstory.tpl (для краткой новости) в зависимости от того, где вы решили использовать эффект.

Находим

<img src="{image-1}" alt="{title}" />


и заменяем на:

<div class="product"><img class="magniflier" src="{image-1}" alt="{title}"  width="300px" /></div>


Маленький нюанс:
width="300xp" должно иметь значение меньшее оригинального.

Вот собственно и всё!

5. Наслаждайтесь!

Адаптация: ToNik

СКАЧАТЬ

Вес файла
3.08 Kb

Реклама

Комментарии

  1. ToNik Пользователь offline 15 апреля 2013 13:39                    

    Если не работает, отключите в настройках Gzip сжатие...

    Исправлена моя невнимательность в css scratch был не в себе drinks

Напишите своё мнение

  • acuteaggressiveair_kissangel
    badbbbeachbeee
    biggrinbig_bossblumblush
    boastbombboredombye
    clappingcraycrazycurtsey
    dancedashdeclarediablo
    diroldon-t_mentiondownloaddrinks
    first_moveflirtfocusfool
    friendsgive_heartgive_rosegood
    hangheartheathelp
    hihunterhystericireful
    kingkisslaughlazy
    lolmail1mambaman_in_love
    mdamega_shokmoilmosking
    musicneanegativenew_russian
    okon_the_quietpardonparting
    partypilotpioneerpleasantry
    popcormpranksterprevedpunish
    roflrtfmrussiansad
    sarcasticscarescratchsearch
    secretsensoredshokshout
    slowsmilesmokesoldier
    soldier_girlsorryspitefulspruce_up
    stinkersuicidesunsuperstition
    swoonteasetenderthanks
    thisto_pick_ones_noseto_take_umbragetreaten
    umnikunknwvampirevava
    victorywackowhistlewink
    wizardyahooyesyu
    e101e102e103e104
    e105e106e107e108
    e109e110e111e112
    e113e114e115e116
    e117e118e119e120
    e121e122e123e124
    e125e126e127e128
    e129e130e131e132
    e133e134e135e136
    e137e138e139e140
    e141e142e143e144
    e145e146e147e148
    e149e150e151e152
    e153e154e155e156
    e157e158e159e160
    e161e162e163e164
    e165e166e167e168
    e169e170e171e172
    e173e174e175e176
    e177e178e179e180
    e181e182e183e184
    e185e186e187e188
    e189e190e191e192
    e193e194e195e196
    e197e198e199e200
    e201e202e203e204