0 Пользователей и 1 Гость просматривают эту тему.
  • 100 Ответов
  • 59848 Просмотров
*

djking

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

Спасибо.
*

tug

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

djking

  • Новичок
  • 9
  • 0 / 0
направь, пжлста, на правильный путь :-)
где хоть искать-то?
*

tug

  • Захожу иногда
  • 333
  • 40 / 4
Код
<?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

  • Новичок
  • 9
  • 0 / 0
сеньки!!!
ща буду разбираться...
*

krasniy001

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

krasniy001

  • Осваиваюсь на форуме
  • 46
  • 1 / 1
Тему начали, а отдачи никакой!
*

ButuzOFF

  • Захожу иногда
  • 144
  • 22 / 2
Так объясни где это тебе надо?
Если просто в контенте то море способов
хоть тот же редактор тини мсе

*

krasniy001

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

Vladzimir

  • Захожу иногда
  • 107
  • 22 / 1
  • В очередь! в очередь! День Сурка © М.Борзыкин
*

beagler

  • Moderator
  • 3276
  • 392 / 4
  • https://alorisman.ru/
Это немного не то. Модуль LuckyPhoto требует нажатия на картинку.
Мне кажется, оптимальное решение - http://www.bosrup.com/web/overlib/
пример - http://www.aloris.ru/shop/koltsa
*

Vladzimir

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

murat

  • Захожу иногда
  • 261
  • 13 / 0
а как сделать, чтобы в описании отображалась большая картинка?
*

plotnick

  • Осваиваюсь на форуме
  • 31
  • 0 / 0
пример - http://www.aloris.ru/component/option,com_virtuemart/page,shop.browse/category_id,14/Itemid,26/

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

beagler

  • Moderator
  • 3276
  • 392 / 4
  • https://alorisman.ru/
А как это сделано? В смысле правится файл от ВМ - а какой? Можно пример, кусок кода овечающий за это?
в 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>

[вложение удалено Администратором]
*

plotnick

  • Осваиваюсь на форуме
  • 31
  • 0 / 0
А без "гифа" если? По наведению на {product_thumb_image}...? Надо попробовать...
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
beagler - спасибо, только вчера думал о подобном :)
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

beagler

  • Moderator
  • 3276
  • 392 / 4
  • https://alorisman.ru/
Можно и без гифа - хозяин барин :)

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

FxPunter

  • Давно я тут
  • 691
  • 112 / 7
  • Э-эх!
в своем browse.php - это что за файл? :(
*

plotnick

  • Осваиваюсь на форуме
  • 31
  • 0 / 0
Кстати, обратил внимание, в IE7 скрипт не работает...
Тоесть всплывает область по размеру рисунка, а самого рисунка нет!
К чему бы это?
*

plotnick

  • Осваиваюсь на форуме
  • 31
  • 0 / 0
Может медленный инет и картинка не успевает загрузиться?
Нет, все с одного компа. В Opera, Firefox все ок, а IE выпендривается...
*

SolopoV

  • Давно я тут
  • 573
  • 16 / 0
  • зеленею...
Кто нибудь решил вопрос с IE? Подскажите пожалуйста "схему лечения". ;). Трабла, скорее, в overlib.js
*

b2z

  • Глобальный модератор
  • 7290
  • 778 / 0
  • Разраблю понемногу
Не знаю как у остальных, но у меня в IE7 всё в порядке.

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

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

joomlionan

  • Новичок
  • 3
  • 0 / 0
Всем привет. Такая вот проблема с этими картинками... Задача та же "Полноразмерная картинка при наведении стрелки"  чтобы не "портить"  сайт который надо доделать. сделал по возможности копию это сайта 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
Помогите люди добрые советом >:( .  рано или позднно вам сочтется
« Последнее редактирование: 05.11.2008, 19:42:59 от joomlionan »
*

b2z

  • Глобальный модератор
  • 7290
  • 778 / 0
  • Разраблю понемногу
*

slavkin

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
_http://cssglobe.com/lab/tooltip/02/

а вот так можно сделать? для товаров в магазине.
*

Viking.New

  • Захожу иногда
  • 54
  • 3 / 0
Тема всё ещё актуальна.

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

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}...?

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

Заранее спасибо за помощь.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться