User Tools

Site Tools


Translations of this page:
ru:rotation_dual_demo_content_list_mov

Subtemplate

<li><h3><a href="/gallery/<!--SAFE_DESC-->/<!--GALLERY_ID-->/index.html?<!--THUMB_LINK-->"><!--ALT--></a></h3>
<a href="/gallery/<!--SAFE_DESC-->/<!--GALLERY_ID-->/index.html?<!--THUMB_LINK-->" title="<!--ALT-->"><img id='rot<!--ID-->' src="<!--THUMB_URL-->" class="t_img" alt="" rel="<!--ALL_THUMBS-->" /></a> 
<p><span class="added"><i>Added:</i> <!--ACTIVATION_DATE--></span> <span class="views"><i>Duration:</i>  <!--DURATION-->_<!--TAG1--></span></p> 
</li>

Template

<script src='/scj/includes/js/jquery.js'></script>

<script>
$(document).ready(function() {
	
	$("img[id^=rot]").bind('mouseenter', function() {
		$(this).attr('rotating', 1);
		StartSlide($(this).attr('id'));
	}).mouseleave(function() {
		$(this).attr('rotating', 0);
        if ($(this).attr('original_src')) $(this).attr('src', $(this).attr('original_src'));
	});

});


function StartSlide(id) {
	if (!$('#' + id).attr('rotating') || $('#' + id).attr('rotating') == 0) return false;

    if (!$('#' + id).attr('original_src')) $('#' + id).attr('original_src', $('#' + id).attr('src'));

	var images = $('#' + id).attr('original_src') + ',' + $('#' + id).attr('rel');
    images = images.split(',');
    var cur = $('#' + id).attr('current_img');

    cur = parseInt(cur);
    cur = (!cur || cur == 0) ? 1 : (cur+1);

    cur = (!images[cur]) ? 0 : cur;
    $('#' + id).attr('current_img', cur);

 	var preload = new Image();

	if (cur == 0) {
		preload.src = $('#' + id).attr('original_src');
	} else {
		preload.src = images[cur];
	}

    $('#debug').append($('#' + id).attr('current_img') + '...' + $('#' + id).attr('rotating') + '<br>');
    if ($('#' + id).attr('rotating')) setTimeout("ChangeSRC('"+id+"', '"+preload.src+"')", 700);		

}

function ChangeSRC(id, src) {
	if (!$('#' + id).attr('rotating') || $('#' + id).attr('rotating') == 0) return false;
	$('#' + id).attr('src', src);
    StartSlide(id);
}
</script>



<!--=========CONTENT=========-->
<h2>Shows only MOVIE content from this category (<!--CATEGORY_NAME-->)<br>
<a href='/dual/'>Back to index</a> 
</h2><br>

<div id="content">

<div class="name">
	<h2><!--CATEGORY_NAME--> <em>[ Total <!--TOTAL_ITEMS--> galleries]</em></h2>
	<div class="paginator_top">
	Pages: 
<ul class="pages">
<navigation>
<li><a href="/cat/<!--CATEGORY_ID-->/<!--CATEGORY_NAME-->/<!--SORT_ORDER-->/<!--PAGE_NUM-->/<!--FORCE_TEMPLATE-->/<!--CONTENT_TYPE-->/" title="<!--PAGE_NUM-->"><!--PAGE_NUM--></a></li>
</navigation>
</ul>

Order by:
<ul>
<li><a href="/cat/<!--CATEGORY_ID-->/<!--CATEGORY_NAME-->/ctr/1/<!--FORCE_TEMPLATE-->/<!--CONTENT_TYPE-->/" title="#">Popular</a></li>
<li><a href="/cat/<!--CATEGORY_ID-->/<!--CATEGORY_NAME-->/date/1/<!--FORCE_TEMPLATE-->/<!--CONTENT_TYPE-->/" title="#">Date</a></li>
<li><a href="/cat/<!--CATEGORY_ID-->/<!--CATEGORY_NAME-->/duration/1/<!--FORCE_TEMPLATE-->/<!--CONTENT_TYPE-->/" title="#">Duration</a></li>
</ul>
	  </div>
</div>


<ul class="thumbs cats">

<!--default_1-10-->
<br>
<!--CATEGORY_CUSTOM_VAR1-->
<br>
<!--default_11-20-->
<br>
<!--CATEGORY_CUSTOM_VAR2-->
<br>
<!--default_21-30-->
<br>
<!--CATEGORY_CUSTOM_VAR3-->
<br>
<!--default_31-40-->

</ul>



<div class="tops">
 <ul>
		<li>01. <a href="#">TopList Site 1</a></li>
		<li>02. <a href="#">TopList Site 2</a></li>
		<li>03. <a href="#">TopList Site 3</a></li>
		<li>04. <a href="#">TopList Site 4</a></li>
		<li>05. <a href="#">TopList Site 5</a></li>
		<li>06. <a href="#">TopList Site 6</a></li>
		<li>07. <a href="#">TopList Site 7</a></li>
		<li>08. <a href="#">TopList Site 8</a></li>
		<li>09. <a href="#">TopList Site 9</a></li>
		<li>10. <a href="#">TopList Site 10</a></li>
	</ul>

<ul>
		<li>01. <a href="#">TopList Site 1</a></li>
		<li>02. <a href="#">TopList Site 2</a></li>
		<li>03. <a href="#">TopList Site 3</a></li>
		<li>04. <a href="#">TopList Site 4</a></li>
		<li>05. <a href="#">TopList Site 5</a></li>
		<li>06. <a href="#">TopList Site 6</a></li>
		<li>07. <a href="#">TopList Site 7</a></li>
		<li>08. <a href="#">TopList Site 8</a></li>
		<li>09. <a href="#">TopList Site 9</a></li>
		<li>10. <a href="#">TopList Site 10</a></li>
	</ul>
	
	 <ul>
		<li>01. <a href="#">TopList Site 1</a></li>
		<li>02. <a href="#">TopList Site 2</a></li>
		<li>03. <a href="#">TopList Site 3</a></li>
		<li>04. <a href="#">TopList Site 4</a></li>
		<li>05. <a href="#">TopList Site 5</a></li>
		<li>06. <a href="#">TopList Site 6</a></li>
		<li>07. <a href="#">TopList Site 7</a></li>
		<li>08. <a href="#">TopList Site 8</a></li>
		<li>09. <a href="#">TopList Site 9</a></li>
		<li>10. <a href="#">TopList Site 10</a></li>
	</ul>
		 <ul>
		<li>01. <a href="#">TopList Site 1</a></li>
		<li>02. <a href="#">TopList Site 2</a></li>
		<li>03. <a href="#">TopList Site 3</a></li>
		<li>04. <a href="#">TopList Site 4</a></li>
		<li>05. <a href="#">TopList Site 5</a></li>
		<li>06. <a href="#">TopList Site 6</a></li>
		<li>07. <a href="#">TopList Site 7</a></li>
		<li>08. <a href="#">TopList Site 8</a></li>
		<li>09. <a href="#">TopList Site 9</a></li>
		<li>10. <a href="#">TopList Site 10</a></li>
	</ul>

</div>





</div>
<!--=========END=========CONTENT=========-->

ru/rotation_dual_demo_content_list_mov.txt · Last modified: 2014/01/29 18:19 (external edit)