Информация

  • FastVps - Хостинг для форума
  • RegPartner - Домены по правильным ценам

"4admins.ru" Рекомендует

BBcode Увеличение картинки при наведении курсора

Разные довески в сообщениях
  • Автор 
    Сообщение
Аватара пользователя
Сообщения: 70
Зарегистрирован: 13 янв 2011, 20:31
Благодарил (а): 27
Поблагодарили: 60 раз в 33 сообщениях
Пол: Мужской
Адрес форума: http://startgameplay.4adm.ru
Баллы репутации: 8

BBcode Увеличение картинки при наведении курсора

Сообщение Добавлено: 10 фев 2011, 14:54

Увеличение картинки при наведении курсора+фиксированный размер картинок

С помощью менеджера картинок загружаем себе на форум срипт imagesize


Название
imgu
Использование BBCode
Код: Выделить всё
[imgu]{URL}[/imgu]

Замена HTML
Код: Выделить всё
<script type="text/javascript" src="путь к скрипту imagesize.js"></script><div><img class="expando" border="0" src="{URL}" width="150" ></div>

Подсказка
Код: Выделить всё
[imgu]URL рисунка[/imgu]


Где width="150" это фиксированная ширина картинки (картинки меньше этого размера,автоматом увеличатся)
ширину выставлять только в пикселях

Пример работы
Вложения
imagesize.rar
(770 байт) Скачиваний: 343

За это сообщение пользователя Vlad1 поблагодарили:
GoDFaTHeR, nar200, Пионер

Аватара пользователя
Сообщения: 223
Зарегистрирован: 05 июл 2010, 23:05
Благодарил (а): 136
Поблагодарили: 41 раз в 35 сообщениях
Пол: Мужской
Адрес форума: .....
Баллы репутации: 16

Re: BBcode Увеличение картинки при наведении курсора

Сообщение Добавлено: 12 фев 2011, 15:24

Спасибо за скрипт, прикольненько так.
Ps GoDFaTHeR, а можешь дать скрипт картинок, которые при нажатии увеличиваются?

Аватара пользователя
Сообщения: 511
Зарегистрирован: 14 окт 2009, 10:42
Благодарил (а): 49
Поблагодарили: 159 раз в 135 сообщениях
Город: germany
Пол: Мужской
Адрес форума: http://4adm.ru
Баллы репутации: 33

Re: BBcode Увеличение картинки при наведении курсора

Сообщение Добавлено: 12 фев 2011, 21:57

nar200 писал(а):дать скрипт картинок, которые при нажатии увеличиваются?

viewtopic.php?f=19&t=178

Аватара пользователя
Сообщения: 223
Зарегистрирован: 05 июл 2010, 23:05
Благодарил (а): 136
Поблагодарили: 41 раз в 35 сообщениях
Пол: Мужской
Адрес форума: .....
Баллы репутации: 16

Re: BBcode Увеличение картинки при наведении курсора

Сообщение Добавлено: 13 фев 2011, 00:22

vikweb писал(а):
nar200 писал(а):дать скрипт картинок, которые при нажатии увеличиваются?

viewtopic.php?f=19&t=178

Да нет, мне надо как на этом форуме, например как здесь при вложениях ==> viewtopic.php?f=12&t=1594

Аватара пользователя
Сообщения: 1567
Зарегистрирован: 14 ноя 2009, 04:00
Откуда: Пойдём покажу...
Благодарил (а): 195
Поблагодарили: 507 раз в 407 сообщениях
Город: Местный
Пол: Мужской
Адрес форума: http://1ua.2ua.in.ua/
Баллы репутации: 61

Re: BBcode Увеличение картинки при наведении курсора

Сообщение Добавлено: 13 фев 2011, 00:54

nar200 писал(а):Да нет, мне надо как на этом форуме, например как здесь при вложениях

viewtopic.php?f=12&t=1523&start=0
Графический контент для вашего форума!
Изображение

Аватара пользователя
Сообщения: 70
Зарегистрирован: 13 янв 2011, 20:31
Благодарил (а): 27
Поблагодарили: 60 раз в 33 сообщениях
Пол: Мужской
Адрес форума: http://startgameplay.4adm.ru
Баллы репутации: 8

Re: BBcode Увеличение картинки при наведении курсора

Сообщение Добавлено: 13 фев 2011, 17:22

Есть еще один способ........... :-[
Минусы первого способа:
1.Нельзя картинки выстроить в ряд
2.Ругается Internet Explorer (непонятно почему :( )

Предлагаю второй способ

Использование BBCode

Код: Выделить всё
[img1]{URL}[/img1]


Замена HTML

Код: Выделить всё
    <script type="text/javascript" src="путь к скрипту  jquery.js"></script>
    <script type="text/javascript" src="путь к скрипту  zoomi.js"></script>

    <img class="zoomi" src="{URL}" width="150" >

Где width="150" это фиксированная ширина картинки

Подсказка: придумайте сами

Плюсы: не ругается Explorer + картинки можно выставлять в ряд
Минусы: Картинки увеличиваются быстро

Скрипты загружаем с помощью менеджера картинок
В архиве два скрипта
Вложения
при наведении.rar
(28.32 Кб) Скачиваний: 227
Последний раз редактировалось GoDFaTHeR 14 фев 2011, 03:27, всего редактировалось 2 раз(а).
Причина: Исправлено по просьбе трудящихся

За это сообщение пользователя Vlad1 поблагодарили:
GoDFaTHeR, Модница

Аватара пользователя
Сообщения: 122
Зарегистрирован: 03 янв 2011, 01:47
Благодарил (а): 68
Поблагодарили: 6 раз в 5 сообщениях
Пол: Мужской
Адрес форума: http://veshenskaya.4adm.ru
Баллы репутации: 4

Re: BBcode Увеличение картинки при наведении курсора

Сообщение Добавлено: 13 фев 2011, 23:51

Vlad1 писал(а):2.Ругается Internet Explorer (непонятно почему )

У меня открывает Explorer 9

Vlad1 писал(а):Предлагаю второй способ

Картинка показывается, но не увеличивается...

Аватара пользователя
Сообщения: 70
Зарегистрирован: 13 янв 2011, 20:31
Благодарил (а): 27
Поблагодарили: 60 раз в 33 сообщениях
Пол: Мужской
Адрес форума: http://startgameplay.4adm.ru
Баллы репутации: 8

Re: BBcode Увеличение картинки при наведении курсора

Сообщение Добавлено: 14 фев 2011, 01:21

Пионер

Я дико извиняюсь :-[ .Во втором способе Замена HTML не правильная была

вот правильно

Замена HTML

Код: Выделить всё
<script type="text/javascript" src="путь к скрипту  jquery.js"></script>
<script type="text/javascript" src="путь к скрипту  zoomi.js"></script>

<img class="zoomi" src="{URL}" width="150" >



GoDFaTHeR
Если не затруднить, поправьте мое сообщение

За это сообщение пользователя Vlad1 поблагодарили:
Пионер

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: BBcode Увеличение картинки при наведении курсора

Сообщение Добавлено: 14 фев 2011, 11:09

Vlad1
Поправлено
На этом сервисе можно cоздать форум бесплатно

За это сообщение пользователя GoDFaTHeR поблагодарили:
Vlad1

Сообщения: 3
Зарегистрирован: 02 мар 2011, 05:34
Благодарил (а): 0
Поблагодарили: 0 раз в 0 сообщении
Пол: Мужской
Адрес форума: http://4admins.ru
Баллы репутации: 0

Re: BBcode Увеличение картинки при наведении курсора

Сообщение Добавлено: 02 мар 2011, 05:41

Офигенный скрипт!

А как сделать, чтобы картинка увеличивалась только в пределах экрана (например есть картинки 3000px) ?

здесь вместо терминатора Изображение на экране видно вот это Изображение


Вернуться в BBcode phpbb3

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 7