Веб-мастеру

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Веб-мастеру » Фотоальбомы » Увеличение картинки при наведениии на нее мышкой

Увеличение картинки при наведениии на нее мышкой

Страница: 1

Сообщений 1 страница 21 из 21

1

  • Автор: Артем
  • Администратор
  • Артем
  • Сообщений: 5084
  • Уважение: +358

В обычном состоянии
https://forumupload.ru/uploads/0007/af/57/2/512487.png

В наведении на неё мышкой
https://forumupload.ru/uploads/0007/af/57/2/449219.png

Описание:
Увеличение картинки при наведении на неё курсором.

Источник:
Неизвестно

Установка:
В ваш файл стилей .css или панель управления (Главная » Управление дизайном » Редактирование шаблонов » Таблица стилей (CSS)) в самый низ вставляем:

Сам код картинки должен выглядеть вот так:

АДРЕСС КАРТИНКИ ПРЕВЬЮ, ОПИСАНИЕ и АДРЕСС ПОЛНОГО ИЗОБРАЖЕНИЯ заменяем на своё или на используемые в модуле специальные коды.

-1

2

  • Автор: lancerkil
  • Участник
  • lancerkil
  • Сообщений: 21
  • Уважение: +6

Классный скрипт!) Одно время даже за него заплатил , что бы мне его дали http://www.kolobok.us/smiles/big_standart/rolleyes.gif А тут бесплатно! Так что пользуйтесь!   http://www.kolobok.us/smiles/icq/good.gif

0

3

  • Автор: Артем
  • Администратор
  • Артем
  • Сообщений: 5084
  • Уважение: +358

А у нас халява http://www.kolobok.us/smiles/big_standart/rolleyes.gif

0

4

  • Автор: krime
  • Легенда
  • krime
  • Сообщений: 325
  • Уважение: +40

Артем, мы такие)))) http://www.kolobok.us/smiles/big_standart/blum2.gif

0

5

  • Автор: Dedkov
  • Участник
  • Сообщений: 4
  • Уважение: +0

старенький скрипт незнаю за что тут платить...самому можно такой написать...

0

6

  • Автор: Шокир
  • Легенда
  • Шокир
  • Сообщений: 444
  • Уважение: +33

Dedkov, твоего мнение ни кто тут не спрашивал  http://www.kolobok.us/smiles/icq/smile.gif

0

7

  • Автор: Артем
  • Администратор
  • Артем
  • Сообщений: 5084
  • Уважение: +358
Dedkov написал(а):

старенький скрипт незнаю за что тут платить...самому можно такой написать...

Новичкам такое не под силу самостоятельно написать, но как отписался lancerkil, "в своё время" - значит дело было давно... http://www.kolobok.us/smiles/icq/smile.gif
по сути тут обычный стиль с наведением, скриптового тут нет

0

8

  • Автор: zalgiris
  • Участник
  • Сообщений: 10
  • Уважение: +0

поставил себе на сайт всё работает http://www.kolobok.us/smiles/icq/good.gif

0

9

  • Автор: Артем
  • Администратор
  • Артем
  • Сообщений: 5084
  • Уважение: +358
zalgiris написал(а):

поставил себе на сайт всё работает

ещё бы не работало... у нас всё проверено http://www.kolobok.us/smiles/icq/smile.gif

0

10

  • Автор: randgris
  • Новенький
  • Сообщений: 1
  • Уважение: +0

давно искала такой сайт) очень сложно поднимать форум с нулевой базой знаний фактически, спасибо вам)

0

11

  • Автор: Derek
  • Новенький
  • Сообщений: 0
  • Уважение: +0

Ето очень круто! http://www.kolobok.us/smiles/icq/i_am_so_happy.gif

0

12

  • Автор: Regicide
  • Новенький
  • Сообщений: 2
  • Уважение: +0

http://www.kolobok.us/smiles/icq/sad.gif  а я платил за него :D не много, но все равно жалко))

0

13

  • Автор: raul01
  • Легенда
  • raul01
  • Сообщений: 369
  • Уважение: +22

Чёт в информере не пашет в чём проблема кто скажет?

Код:
<ul class="hoverbox"> 
    <li> 
    <a href="#"> 
    <img src="$PHOTO_URL$" border="0" alt="ОПИСАНИЕ" /> 
    <img class="preview"  src="$FULL_PHOTO_DIRECT_URL$" border="0" alt="ОПИСАНИЕ" /> 
    </a> 
    </li> 
</ul>

Пишет только Описание и всё http://www.kolobok.us/smiles/icq/shout.gif

0

14

  • Автор: raul01
  • Легенда
  • raul01
  • Сообщений: 369
  • Уважение: +22

Ответьте пожалуйста в чём проблема никак не догадаться?

0

15

  • Автор: Артем
  • Администратор
  • Артем
  • Сообщений: 5084
  • Уважение: +358
raul01 написал(а):

в чём проблема никак не догадаться?

В этом

raul01 написал(а):

в информере не пашет

Не уверен, что информеры понимают $PHOTO_URL$ и $FULL_PHOTO_DIRECT_URL$
вставляй код сразу в модуль фотоальбома где эти специальные коды точно работают

0

16

  • Автор: war
  • Участник
  • Сообщений: 4
  • Уважение: +0

отличный скрипт

0

17

  • Автор: Maximys39rus
  • Участник
  • Сообщений: 11
  • Уважение: +0

щя попробуем =)

0

18

  • Автор: astvitaliy
  • Участник
  • astvitaliy
  • Сообщений: 3
  • Уважение: +0

Недогадался как ставить пишите пошагово пожалуйста.Я новичек в этом деле

0

19

  • Автор: Артем
  • Администратор
  • Артем
  • Сообщений: 5084
  • Уважение: +358
astvitaliy написал(а):

Недогадался как ставить пишите пошагово пожалуйста.Я новичек в этом деле

И так все пошагово расписано. Откуда я брал данный материал вообще ничего про установку не сказано.
Зависит от того на какой странице планируешь применять код. если на сайте используется нестандартный шаблон, ищи стилевой файл с расширением .css, в него первый код вставляешь. если используешь стандартный шаблон, то в админку в Таблица стилей (CSS). второй код по месту в шаблоне где хотел бы видеть изображение с таким эффектом.

0

20

  • Автор: Sergan_777
  • Новенький
  • Сообщений: 2
  • Уважение: +0

А без хтмл ни как?

0

21

  • Автор: Артем
  • Администратор
  • Артем
  • Сообщений: 5084
  • Уважение: +358
Sergan_777 написал(а):

А без хтмл ни как?

хтмл - основа страниц вэба, тут используются стили, можешь их привязать к любому элементу на странице

0

Страница: 1

Вы здесь » Веб-мастеру » Фотоальбомы » Увеличение картинки при наведениии на нее мышкой