LiveInternetMail.ru
Форум русской поддержки Joomla!® CMS
27.05.2012, 21:27:14 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 1.7 FAQ Joomla 1.5 FAQ Joomla 1.0 FAQ Правила форума Новости Joomla Войти Регистрация Помощь  
Страниц: 1 2 3 4   Вниз
  Добавить закладку  |  Печать  
Автор Тема: Полноразмерная картинка при наведении стрелки  (Прочитано 40004 раз)
0 Пользователей и 2 Гостей смотрят эту тему.
djking
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 8


« : 22.06.2006, 18:45:31 »

Подскажите, как можно реализовать, чтобы при наведении стрелки на тумбинашку загружалась полноразмерная картинка?

Спасибо.
Записан
tug
Завсегдатай
*****

Репутация: +40/-4
Offline Offline

Пол: Мужской
Сообщений: 454


« Ответ #1 : 23.06.2006, 00:17:51 »

В жумле по умолчанию есть overlib для всплываюих штук =) заюзать его... код можно просто содрать в админке, я помню когда мне понадобилась такая фича я это за 10 минут реализовал.
Записан
djking
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 8


« Ответ #2 : 23.06.2006, 10:27:58 »

направь, пжлста, на правильный путь :-)
где хоть искать-то?
Записан
tug
Завсегдатай
*****

Репутация: +40/-4
Offline Offline

Пол: Мужской
Сообщений: 454


« Ответ #3 : 23.06.2006, 11:08:17 »

Код:
<?php mosCommonHTML::loadOverlib(); ?>
<script language="Javascript">
<!--
function showInfo(params, url, width, height) {
html = '<center><img border="1" src="'+url+'" name="imagelib" alt="No preview available" width="'+width+'" height="'+height+'" /></center>';
return overlib(html, CAPTION, name)
}
-->
</script>

а потом

Код:
<a href="#info" onmouseover="showInfo('', '<?php echo IMAGEURL.$row->c_name.'/'.CATEGORY_THUMB_FILE; ?>', <?php echo $size[0]; ?>, <?php echo $size[1]; ?>)" onmouseout="return nd();">
<?php echo _SP_YES;?></a>
Записан
djking
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 8


« Ответ #4 : 23.06.2006, 11:32:01 »

сеньки!!!
ща буду разбираться...
Записан
krasniy001
Осваиваюсь на форуме
***

Репутация: +1/-1
Offline Offline

Сообщений: 79


« Ответ #5 : 04.09.2006, 01:53:22 »

За идею спасибо, а куда код надо вставлять?
Записан
krasniy001
Осваиваюсь на форуме
***

Репутация: +1/-1
Offline Offline

Сообщений: 79


« Ответ #6 : 07.09.2006, 00:12:21 »

Тему начали, а отдачи никакой!
Записан
ButuzOFF
Осваиваюсь на форуме
***

Репутация: +22/-2
Offline Offline

Пол: Мужской
Сообщений: 177



« Ответ #7 : 07.09.2006, 01:27:30 »

Так объясни где это тебе надо?
Если просто в контенте то море способов
хоть тот же редактор тини мсе

Записан
krasniy001
Осваиваюсь на форуме
***

Репутация: +1/-1
Offline Offline

Сообщений: 79


« Ответ #8 : 07.09.2006, 01:34:03 »

Так объясни где это тебе надо?
Если просто в контенте то море способов
хоть тот же редактор тини мсе
Надо вставить этот код в магазин, что бы при наведении мышкой на превью срабатывал скрипт Overlib и появлялось окно с полной картинкой. Выше написали как сделать, но я непойму куда встовлять эти куски кода
Записан
Vladzimir
Давно я тут
****

Репутация: +22/-0
Offline Offline

Пол: Мужской
Сообщений: 334


В очередь! в очередь! День Сурка © М.Борзыкин


« Ответ #9 : 23.09.2007, 00:05:17 »

Вот модуль который это делает.
http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,1937/Itemid,35/
Записан
beagler
Moderator
*****

Репутация: +316/-4
Online Online

Пол: Мужской
Сообщений: 2994


http://beagler.ru/


« Ответ #10 : 03.10.2007, 12:42:24 »

Это немного не то. Модуль LuckyPhoto требует нажатия на картинку.
Мне кажется, оптимальное решение - http://www.bosrup.com/web/overlib/
пример - http://www.aloris.ru/component/option,com_virtuemart/page,shop.browse/category_id,14/Itemid,26/
« Последнее редактирование: 03.10.2007, 16:52:03 от beagler » Записан
Vladzimir
Давно я тут
****

Репутация: +22/-0
Offline Offline

Пол: Мужской
Сообщений: 334


В очередь! в очередь! День Сурка © М.Борзыкин


« Ответ #11 : 05.10.2007, 01:24:45 »

Я тоже так сделал (правда по другой причине), хотя там есть еще один модуль LuckyZoom.
Предостерегаю. Мне пришлось закомментировать подключение ява-скрипта sleight.js.
Из-за этой дуры в ИЕ не загружалась картинка, а вот в Фоксе и Опере все было окей.
Записан
murat
Давно я тут
****

Репутация: +12/-0
Offline Offline

Сообщений: 282


« Ответ #12 : 10.10.2007, 08:08:25 »

а как сделать, чтобы в описании отображалась большая картинка?
Записан
beagler
Moderator
*****

Репутация: +316/-4
Online Online

Пол: Мужской
Сообщений: 2994


http://beagler.ru/


« Ответ #13 : 04.12.2007, 14:05:09 »

погугли "onmouseover"
Записан
plotnick
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 31


« Ответ #14 : 05.12.2007, 21:17:23 »


А как это сделано? В смысле правится файл от ВМ - а какой? Можно пример, кусок кода овечающий за это?
Записан
beagler
Moderator
*****

Репутация: +316/-4
Online Online

Пол: Мужской
Сообщений: 2994


http://beagler.ru/


« Ответ #15 : 07.12.2007, 11:47:24 »

А как это сделано? В смысле правится файл от ВМ - а какой? Можно пример, кусок кода овечающий за это?
в index.php шаблона перед <body> добавляем
Код:
<script type="text/javascript" src="overlib.js"></script>
заливаем overlib.js в корень сайта, а lupa.gif в images.
в своем browse.php там где хотим пишем
Код:
<a href="javascript:void(0);" onmouseover="return overlib('<img src=/components/com_virtuemart/shop_image/product/{product_full_image}>');" onmouseout="return nd();">
          <img src="/images/lupa.gif" border="0" alt="Увеличить" name="{product_name}"/></a>


* lupa.gif (0.16 Кб, 16x18 - просмотрено 11400 раз.)
* overlib.rar (13.68 Кб - загружено 764 раз.)
Записан
plotnick
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 31


« Ответ #16 : 07.12.2007, 15:59:05 »

А без "гифа" если? По наведению на {product_thumb_image}...? Надо попробовать...
Записан
beliyadm
Профи
********

Репутация: +1438/-61
Offline Offline

Пол: Мужской
Сообщений: 8893


Севастополь==Россия


« Ответ #17 : 07.12.2007, 19:02:00 »

beagler - спасибо, только вчера думал о подобном Azn
Записан
beagler
Moderator
*****

Репутация: +316/-4
Online Online

Пол: Мужской
Сообщений: 2994


http://beagler.ru/


« Ответ #18 : 07.12.2007, 22:55:06 »

Можно и без гифа - хозяин барин Azn

Просто без гифа неудобно - пробовал. Получается когда мыша по странице движется куча картинок всплывает.
Записан
FxPunter
Живу я здесь
******

Репутация: +112/-7
Offline Offline

Пол: Женский
Сообщений: 1019


Э-эх!


« Ответ #19 : 07.12.2007, 23:33:36 »

в своем browse.php - это что за файл? Sad
Записан
beagler
Moderator
*****

Репутация: +316/-4
Online Online

Пол: Мужской
Сообщений: 2994


http://beagler.ru/


« Ответ #20 : 08.12.2007, 12:31:16 »

это файл-шаблон virtuemart, который лежит в
Код:
/administrator/components/com_virtuemart/html/templates/browse/
Записан
plotnick
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 31


« Ответ #21 : 11.12.2007, 02:53:24 »

Кстати, обратил внимание, в IE7 скрипт не работает...
Тоесть всплывает область по размеру рисунка, а самого рисунка нет!
К чему бы это?
Записан
beagler
Moderator
*****

Репутация: +316/-4
Online Online

Пол: Мужской
Сообщений: 2994


http://beagler.ru/


« Ответ #22 : 11.12.2007, 12:17:43 »

в ie7 не тестил. Может медленный инет и картинка не успевает загрузиться?
Записан
plotnick
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 31


« Ответ #23 : 11.12.2007, 14:56:44 »

Может медленный инет и картинка не успевает загрузиться?
Нет, все с одного компа. В Opera, Firefox все ок, а IE выпендривается...
Записан
SolopoV
Давно я тут
****

Репутация: +7/-0
Offline Offline

Пол: Мужской
Сообщений: 319


зеленею...


« Ответ #24 : 04.01.2008, 01:24:58 »

Кто нибудь решил вопрос с IE? Подскажите пожалуйста "схему лечения". Wink. Трабла, скорее, в overlib.js
Записан
bzzik
JComments Tester
*

Репутация: +219/-0
Offline Offline

Пол: Мужской
Сообщений: 3798


Contra Gaming Community


« Ответ #25 : 11.10.2008, 22:05:00 »

Не знаю как у остальных, но у меня в IE7 всё в порядке.

Сейчас я делаю небольшой каталог заказчику, и использую вот такой скрипт для увеличения картинки при наведени:
http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip.htm

Приемущество этого скрипта в том, что он очень маленький, а загружать overlib.js (который предлагался в этой теме)весом 40кб ради такого маленького эффекта имхо расточительство.
Записан
joomlionan
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 5


« Ответ #26 : 27.10.2008, 20:50:13 »

Всем привет. Такая вот проблема с этими картинками... Задача та же "Полноразмерная картинка при наведении стрелки"  чтобы не "портить"  сайт который надо доделать. сделал по возможности копию это сайта http://www.visionearredi.net23.net/index.php?option=com_content&view=article&id=43&Itemid=29   пробовал решить проблему двумя способами: первый с onmouseover/ onmouseout  и второй при помощи скрипта. Проблема в том что на "пробном" сайте все получается http://www.visionearredi.net23.net/index.php?option=com_content&view=article&id=43&Itemid=29  (красный и зеленый квадратики)
а на оригинально не пашет... ни первый ни второй способ  http://www.visionearredi.eu/notizie/test.html
Помогите люди добрые советом Angry .  рано или позднно вам сочтется
« Последнее редактирование: 05.11.2008, 20:42:59 от joomlionan » Записан
bzzik
JComments Tester
*

Репутация: +219/-0
Offline Offline

Пол: Мужской
Сообщений: 3798


Contra Gaming Community


« Ответ #27 : 28.10.2008, 01:57:36 »

joomlionan а ты пробовал способ, который я предложил?
Записан
slavkin
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 15


« Ответ #28 : 11.01.2009, 03:07:48 »

_http://cssglobe.com/lab/tooltip/02/

а вот так можно сделать? для товаров в магазине.
Записан
Viking.New
Осваиваюсь на форуме
***

Репутация: +3/-0
Offline Offline

Сообщений: 57


« Ответ #29 : 20.02.2009, 11:56:35 »

Тема всё ещё актуальна.

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

VirtueMart 1.1.3.
Joomla  1.5.9.

в index.php шаблона перед <body> добавляем
Код:
<script type="text/javascript" src="overlib.js"></script>
заливаем overlib.js в корень сайта, а lupa.gif в images.
в своем browse.php там где хотим пишем
Код:
<a href="javascript:void(0);" onmouseover="return overlib('<img src=/components/com_virtuemart/shop_image/product/{product_full_image}>');" onmouseout="return nd();">
          <img src="/images/lupa.gif" border="0" alt="Увеличить" name="{product_name}"/></a>

Файл browse.php не нашел.
Искал в каталоге \administrator\components\com_virtuemart\..

Можно ли вместо overlib.js использовать {SITEURL}/includes/js/overlib_mini.js?

И ещё
А без "гифа" если? По наведению на {product_thumb_image}...?

Что и куда нужно прописать?

Заранее спасибо за помощь.
Записан
Страниц: 1 2 3 4   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Рейтинг@Mail.ru Rambler Top100 Powered by SMF 1.1.16 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet