Это форк Vinaora Nivo Slider, пришлось переименовать, в силу требования JED. Даже старую версию качать можно было только с варезных сайтов, нашпигованную троянами. Зачем оно такое, согласитесь.
<div class="zoom-section">
<div class="zoom-small-image" style="float:left; margin-right:21px; border:4px #CCC solid;">
<a href='images/bigimage00.jpg' class = 'cloud-zoom' id='zoom1' rel="adjustX: 10, adjustY:-4">
<img src="images/smallimage.jpg" alt='' title="Optional title display">
</a>
</div>
<div class="zoom-desc">
<p>
<a href='images/bigimage00.jpg' class='cloud-zoom-gallery' title='Red' rel="useZoom: 'zoom1', smallImage: 'images/smallimage.jpg' ">
<img style="border:1px #128CCE solid;" class="zoom-tiny-image" src="images/tinyimage.jpg" alt = "Thumbnail 1"/>
</a>
<a href='images/bigimage01.jpg' class='cloud-zoom-gallery' title='Blue' rel="useZoom: 'zoom1', smallImage: ' images/smallimage-1.jpg'">
<img style="border:1px #128CCE solid;" class="zoom-tiny-image" src="images/tinyimage-1.jpg" alt = "Thumbnail 2"/>
</a>
<a href='images/bigimage02.jpg' class='cloud-zoom-gallery' title='Blue' rel="useZoom: 'zoom1', smallImage: 'images/smallimage-2.jpg' ">
<img style="border:1px #128CCE solid;" class="zoom-tiny-image" src="images/tinyimage-2.jpg" alt = "Thumbnail 3"/>
</a>
</p>
</div>
</div>
<div class="zoom-section" style="width:248px;">
<div class="zoom-small-image" style="border:4px #CCC solid;">
<a href='images/bigimage03.jpg' class = 'cloud-zoom' rel="tint: '#ff0000',tintOpacity:0.5 ,smoothMove:5,zoomWidth:480, adjustY:-4, adjustX:10">
<img src="images/smallimage-3.jpg" title="Optional Title Text" alt=''/>
</a>
</div>
</div>
<div class="zoom-section" style="width:248px;">
<div class="zoom-small-image" style="border:4px #CCC solid;">
<a href='images/bigimage04.jpg' class = 'cloud-zoom' rel="position: 'inside' , showTitle: false, adjustX:-4, adjustY:-4">
<img src="images/smallimage-4.jpg" title="Your caption here" alt=' '/>
</a>
</div>
</div>
<div class="zoom-section" style="width:248px;">
<div class="zoom-small-image" style="border:4px #CCC solid;">
<a href='images/bigimage01.jpg' class = 'cloud-zoom' title="Your caption here" rel="softFocus: true, position:'anypos', smoothMove:2">
<img src="images/smallimage-1.jpg" alt='' />
</a>
</div>
<div class="zoom-desc" style="position:relative; width:248px;">
<div id="anypos" style="position:absolute;top:-428px; left: 428px;width:256px; height:256px;"></div>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"></script>
<script type="text/javascript" src="cloud-zoom.1.0.2.js"></script>
<link href="cloud-zoom.css" rel="stylesheet" type="text/css" />
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.
Спасибо, Серый! Еще один zoom в коллекцию, теперь уже от нас. Нативный модуль под Joomla 3.serge пишет: Варианты зума от различных разработчиков...
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.