Большое изображение Flypage - [VM1] Дизайн, оформление

Уважаемые знатоки -помогите! Понадобилось выводить в шаблоне карточки товара изображение не в виде превью,а в оригинале. При этом заглушки {product_full_image} и вставка функции ?php eho $product_full_image не помогают, становиться пусто на месте рисунка..как быть?

нашол <img src="components/com_virtuemart/shop_image/product/<?php echo $product_full_image ?>" border="0" alt="">

Только при таком раскладе картинки получаются какие попало по разрешению.

<img src="components/com_virtuemart/shop_image/product/<?php echo $product_full_image ?>" border="0" alt="" width="100px" height="100px">

кто мешает их зафиксировать!

flyingspook, ты не понял. Представь, если картинка источник 800x600 (это для примера, на самом деле все разные) и, что будет, если разрешение внаглую задать?
Правильно! Получится что попало. Вывод: нужен какой-то дополнительный обработчик, что б, например ширину руками выставить, а длину пропорционально автоматом проставлял.

ну если так, то
ВМ делает при загрузке размеры какие поставишь

Согласен.  Разделить бы эту функцию на 2. Одну для browse, другую для flypage

Не?

стражник им не нравится это Wink

Код: html4strict

<img src="components/com_virtuemart/shop_image/product/<?php echo $product_full_image ?>" border="0" alt="" style="width:200px;">

Не?

Слушай, а ведь решено! Спасибо!

Однако, русскому всегда мало. Теперь буду ломать голову, как к этому ссылку "увеличить" и лайтбокс прикрутить=)

А если скажу что это есть по дефолту, сильно удивишься? )
http://joomlaforum.ru/index.php/topic,76096.0.html
Кстати, VirtueMart умеет в лайтбокс выводить.

Слушайте, еще подлежит тестированию, но по-моему победил.

Вот такой кусок кода выводит изображение у меня во флаере:

И в CSS вот так:

Вуаля! Мы получаем полное изображение во флаере, желаемого размера + ссылка увеличить + лайтбокс

Та-да!

Хмм... А подгружать изображение по мере необходимости разве нельзя?

Хмм... А подгружать изображение по мере необходимости разве нельзя?

Речь о модальном окне? Или о чем?

Да, о модальном.

Попробую разобраться, а то я в теме недавно

NightGuard, а ты делал? Как в моем случае можно реализовать. А именно:
во flypage полное изображение, но с урезанными размерами. Клик по картинке - модальное окно с этим же изображением, но уже в полный рост(как оно и заливалось).


Обновлено. В том решении, что я писал, изображение неликабельно(((

Делал, но использовал дефолтную возможность самого VirtueMart.

Слушайте, еще подлежит тестированию, но по-моему победил.

Вот такой кусок кода выводит изображение у меня во флаере:

Код

<div class="product_fly_image">
		<img src="components/com_virtuemart/shop_image/product/<?php echo $product_full_image?>" border="0" alt="" style="width:250px;">
			<div class="ratamatata">
			         <?php echo urldecode( $product_image )?>
			</div>
	</div> <!--.product_fly_image-->

И в CSS вот так:

Код

.ratamatata img {
	display: none;
}

Вуаля! Мы получаем полное изображение во флаере, желаемого размера + ссылка увеличить + лайтбокс

Та-да!

добрый день
а как по этому способу сделать что бы при на ведение на картинку появлялся лайтбокс и полноразмерной картинкой а не при нажатии на ссылку увеличить!?

проблему решил
просто добавил код
<div class="ratamatata">
                  <?php echo urldecode( $product_image )?>
         </div>

вместо

<div class="product_fly_image">
      <img src="components/com_virtuemart/shop_image/product/<?php echo $product_full_image?>" border="0" alt="" style="width:250px;">
         <div class="ratamatata">
                  <?php echo urldecode( $product_image )?>
         </div>
   </div> <!--.product_fly_image-->

а в ccs

добавил
.ratamatata img {
   height:auto;
   width:250px;
}

проблему решил
просто добавил код
<div class="ratamatata">
                  <?php echo urldecode( $product_image )?>
         </div>

вместо

<div class="product_fly_image">
      <img src="components/com_virtuemart/shop_image/product/<?php echo $product_full_image?>" border="0" alt="" style="width:250px;">
         <div class="ratamatata">
                  <?php echo urldecode( $product_image )?>
         </div>
   </div> <!--.product_fly_image-->

а в ccs

добавил
.ratamatata img {
   height:auto;
   width:250px;
}

Это увеличивает уже сжатое изображение и из за этого качество плохое. Т.е. стандартный размер изображения 500х500 на browse и flypage изображения сжимаются до 150x150 по умолчания. При помощи этого хака на flypage изображение 150х150 растягивает до 250х250, что отражается на качестве, можно сделать что бы на flypage выводился оригинал изображения (500х500) и уже он сжимался до 250х250. Притом на browse так осталось уменьшинное 150х150?