увеличение картинок

belpak

Создатель
Регистрация
23 Май 2009
Сообщения
11
Реакции
4
вообщем суть такова

есть выводы товара: превью и ну и собсна полное описание

catalog_products - превью, вывод картинки осуществляется через блок

<!-- START BLOCK : block_product_img -->

<a href="{prod_link}"><img src="{img}"></a>
<!-- END BLOCK : block_product_img -->

catalog_product - описаха, за вывод картинки отвечает блок

<!-- START BLOCK : block_image_big -->
<img src="{image_path}" alt="">
<!-- END BLOCK : block_image_big -->

так вот, описаха мне не упала, я хочу сделать через jquery так, чтобы маленькая картинка не линковалась на описаху, а вела на большую картинку, ну как то так

<a href="images/big" class="lightbox" rel="group" title="">
<img src="images/small" alt="" />
</a>

вообщем я уже перетрахался, и нихера не выходит, может кто подскажет где я дебил ну и реализацию:)

пысы: уже какая версия, а увеличение товара так и не сделали, ну что за г.
 
HTML:
<a class='highslide' href="images/big" onmouseover='return hs.expand(this)' >
<img src="images/small" /></a>
<LINK rel="STYLESHEET" type="text/css" href="js/highslide-styles.css">
<SCRIPT type="text/javascript" src="js/highslide.js"></SCRIPT>
<SCRIPT type=text/javascript>
	hs.graphicsDir = 'js/graphics/';
</SCRIPT>
<script type="text/javascript">
// close on mouse out
hs.Expander.prototype.onMouseOut = function (sender) {
   sender.close();
};
// close if mouse is not over on expand (using the internal mouseIsOver property)
hs.Expander.prototype.onAfterExpand = function (sender) {
   if (!sender.mouseIsOver) sender.close();
};
</script>
скачай архив остальные файлы и сам пример все там Посмотреть вложение highslide.rar
 
ну вообщем долго думал и в итоге захотел сделать вот так вот:

полностью избавится от catalog_product (полное описание) , а реализовать выведение большой и дополнительных картинок через превью catalog_products, пытался замещать блоки, отвечающие за выведение изображений из catalog_product и замещать блоки с изображениями в catalog_products , но ничего не выходило ((


наглядность:

de0d2eb701a5.jpg


хотелось бы хоть немного услышать решение или напутствие где ковырять


Заранее спасибо
 
для того что бы это сделать потребуются некоторые знания php

есть в каталоге (/mod/catalog/CatalogPrototype.php)
такая функция showProdList - она отвечает за вывод списка товаров
и функция getAdditionalImgs - получить список доп. изображений по id товара
соответственно можно поступить примерно так:

добавить в функцию showProdList в цикл foreach следующий код:
if(false!==($imgs = $this->getAdditionalImgs($prod_info["prod_id"]))){
$tpl->newBlock('block_product_images');
foreach($imgs as $img){
$tpl->newBlock('block_product_image');
$tpl->assign(array(
....
));
}
}
block_product_images - блок в шаблоне для дополнительных картинок
block_product_image - повторяющийся блок для каждой картинки
там где многоточие выводим в шаблон необходимые параметры
ну и в шаблон вывода соответственно внести необходимые изменения
 
Назад
Сверху