We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
MODX Community Forums Archive

РЕШЕНО! Вопрос по работе с изображениями и &#

    • 2750
    • 115 Posts
    bangman Reply #1, 16 years, 11 months ago
    Доброго времени суток!
    Использую плагин DirectResize, полностью устраивает, но потребовалось реализовать такую задачу: должна отображается среднего размера фотка, под ней 4 фотки маленького размера, при клике на большую фотку открывается подключенный конфиг для DirectResize (например Slimbox), а при клике по маленькой фотке (которые под средней в ряд) на месте средней должна появляться среднего размера фотка, по которой только что кликнули. Для примера, ну типа как тут (не сочтите рекламой, это не я продаю smiley просто для примера):http://www.av.by/public/public.php?event=View&public_id=1047738 только там при клике по маленькому изображению открывается новое окно, а нужно чтобы все, что происходит в новом окне происходило на самой странице. Может кто делал такое, подскажите плиз или в каком направлении копать.
    Заранее спасибо.
      • 2750
      • 115 Posts
      bangman Reply #2, 16 years, 11 months ago
      А может этого всего можно тупо правкой стилей добиться...вот посидел и подумал...попробую поковырять
        • 2750
        • 115 Posts
        bangman Reply #3, 16 years, 11 months ago
        В общем, сделал скриптом все smiley особо не заморачиваясь :
        скрипт:

        <script type=text/javascript language=JavaScript>
<!--
function showPhoto(img)
{
  document.getElementById('photo_img').src = '[(site_url)]' + img;
} 
//-->
</script>


        код в шаблоне страницы (interior-of-the-salon-1, interior-of-the-salon-2, interior-of-the-salon-3, interior-of-the-salon-4 - это TV параметры типа Image):
        <div class="data clear">
	<div class="interier"><img id="photo_img" src="[*interior-of-the-salon-1*]" alt="Интерьер салона [*pagetitle*]"/></div>
	<div class="thumbs">
		<a onclick="javascript:showPhoto('[*interior-of-the-salon-1*]');return false;" href="#"><img src="[*interior-of-the-salon-1*]" width="94" alt="Интерьер салона [*pagetitle*]"/></a>
		<a onclick="javascript:showPhoto('[*interior-of-the-salon-2*]');return false;" href="#"><img src="[*interior-of-the-salon-2*]" width="94" alt="Интерьер салона [*pagetitle*]"/></a>
		<a onclick="javascript:showPhoto('[*interior-of-the-salon-3*]');return false;" href="#"><img src="[*interior-of-the-salon-3*]" width="94" alt="Интерьер салона [*pagetitle*]"/></a>
		<a onclick="javascript:showPhoto('[*interior-of-the-salon-4*]');return false;" href="#"><img src="[*interior-of-the-salon-4*]" width="94" alt="Интерьер салона [*pagetitle*]"/></a>
	</div>
</div>