Função autoplay em slideshow

kenny10 · Julho 26, 2010

Olá!

Estou precisando de uma ajuda, não sei como inserir uma função de autoplay em um slideshow, segue abaixo o script atual:

jQuery(document).ready(function($) {
	/*** Function and initial vars ***/
	var menu_width = 250;
	var photo_height = 572;
	var content_width = 730;
	///
	function windowResized() {
		var topval = $(window).height()/2 - $("#menu_logo").outerHeight()/2;
		var marginTop = $(window).height()/2 - photo_height/2;
		var marginBottom = $(window).height();
		var leftval = $(window).width()/2 - content_width/2;
		if (leftval < menu_width) {leftval = menu_width + 10; }
		
		if (layout == 'page' || layout == 'default') {
			$('#main_content').animate({"left": leftval, "top": marginTop}, {"duration" : 800, "easing" : "easeInOutCubic", queue:false});
		} else if (layout == 'portfolio') {
			$('#gallery .gallery_list li').css({"marginTop": marginTop, "marginBottom": marginBottom});
			$('#gallery').animate({"left": leftval}, {"duration" : 800, "easing" : "easeInOutCubic", queue:false});
			
			var new_y = (- $('.gallery_list li').outerHeight(true) + marginTop) * cur_photo;
			$('.gallery_list').animate({top: new_y}, {queue:false, duration: 0});
		}
		$("#menu_logo").animate({"top": topval}, {"duration" : 500, "easing" : "easeInOutCubic", queue: false});
		//}
	};
	
	function openSiteSection(menu_item) {
		var new_x = $(window).width();
		if (layout == 'page' || layout == 'default') {
			$("#main_content").animate({"left": new_x}, {"duration": 800, "easing" : "easeInOutCubic", queue: false, "complete" : function() {loadContent(menu_item)}});
		} else if (layout == 'portfolio') {
			$("#gallery").animate({"left": new_x}, {"duration": 800, "easing" : "easeInOutCubic", queue: false, "complete" : function() {loadContent(menu_item)}});
		}
	}
	
	var cur_photo = 0;
	function nextPhoto() {
		cur_photo++;
		var dur = 1000;
		var total_photos = $('.gallery_list li').size();
		if (cur_photo == total_photos) { cur_photo = 0; dur = 1500; }
		var marginTop = $(window).height()/2 - photo_height/2;
		var new_y = (- $('.gallery_list li').outerHeight(true) + marginTop) * cur_photo;
		$('.gallery_list').animate({top: new_y}, {queue:false, duration: dur});
		
	}
	function prevPhoto() {
		cur_photo--;
		var dur = 1000;
		var total_photos = $('.gallery_list li').size();
		if (cur_photo == -1) { cur_photo = total_photos-1; dur = 1500; }
		var marginTop = $(window).height()/2 - photo_height/2;
		var new_y = (- $('.gallery_list li').outerHeight(true) + marginTop) * cur_photo;
		$('.gallery_list').animate({top: new_y}, {queue:false, duration: dur});
	}
	
	function show_logo() {
		$('#intro').css({"left": $(window).width()/2 - 125, "top" : $(window).height()/2 - $('#intro').outerHeight()/2 - 70});
		var intro = $('#intro').offset();
		
		$('#intro').fadeOut(0).fadeIn(2000, "easeInOutCubic");
		$('#intro').animate({"top": intro.top + 50}, {"duration" : 800, "easing" : "easeInOutCubic", queue:false});
	}
	function hide_logo() {
		var intro = $('#intro').offset();
		$('#intro').stop().animate({"top": intro.top + 30, "opacity": 0}, {"duration" : 800, "easing" : "easeInOutCubic", queue:false});
	}
	function show_menu() {
		var topval = $(window).height()/2 - $("#menu_logo").outerHeight()/2;
		$("#menu_logo").css({"top": topval, "left": -$("#menu_logo").outerWidth()});
		$("#menu_logo").animate({opacity: 1.0}, 500).animate({"left": 0}, {"duration" : 1000, "easing" : "easeInOutCubic", queue: true});
	}
	function show_twitter_btn() {
		$("#twitter_btn").css({"right": -100});
		$("#twitter_btn").animate({opacity: 1.0}, 2000).animate({"right": 0}, {"duration" : 1000, "easing" : "easeInOutCubic", queue: true});
	}
	function show_social_icons() {
		$("#social_icons").css({"right": -100});
		$("#social_icons").animate({opacity: 1.0}, 2100).animate({"right": 0}, {"duration" : 1000, "easing" : "easeInOutCubic", queue: true});
	}
	
	function count_photos() {
		var i = 1;
		var total_photos = $('.gallery_list li').size();
		$(".ph_count").each(function (i) {
			i++;
			$(this).html(i + "/" + total_photos);
		});

	}
	function enable_prettyPhoto() {
		$("a[rel^='prettyPhoto']").prettyPhoto({
			animationSpeed: 'normal', /* fast/slow/normal */
			padding: 15, /* padding for each side of the picture */
			opacity: 0.7, /* Value betwee 0 and 1 */
			showTitle: false, /* true/false */
			allowresize: true, /* true/false */
			counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
			theme: 'dark_square', /* light_rounded / dark_rounded / light_square / dark_square */
			hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */
			modal: false, /* If set to true, only the close button will close the window */
			changepicturecallback: function(){}, /* Called everytime an item is shown/changed */
			callback: function(){} /* Called when prettyPhoto is closed */
		});
	}
	function enable_scroll() {
		$('.scroll-holder').jScrollPane({
			'reinitialiseOnImageLoad' : true,
			'scrollbarMargin' : 10
		});
	}
	function showLoader() {
		$("#loader").fadeIn();
	}
	function hideLoader() {
		$("#loader").fadeOut();
	}
	function open_section() {
		if (layout == 'page' || layout == 'default') {
			var leftval = $(window).width()/2 - content_width/2;
			
			if (leftval < menu_width) {leftval = menu_width + 10; }
			var marginTop = $(window).height()/2 - photo_height/2;
			
			$('#main_content').css({"top": marginTop});
			$('#main_content').css({"left": $(window).width()});
			$('#main_content').animate({opacity: 1.0}, 1000).animate({"left": leftval}, {"duration" : 1200, "easing" : "easeInOutCubic", queue:true});
			
			enable_scroll();
			enable_prettyPhoto();
		} else if (layout == 'portfolio') {
			var topval = $(window).height()/2 - $("#menu_logo").outerHeight()/2;
			var marginTop = $(window).height()/2 - photo_height/2;
			var marginBottom = $(window).height();
			cur_photo = 0;
			var leftval = $(window).width()/2 - content_width/2;
			if (leftval < menu_width) {leftval = menu_width + 10; }
			
			$('#gallery .gallery_list li').css({"marginTop": marginTop, "marginBottom": marginBottom});
			$('#gallery_control').animate({"opacity": 0}, {duration:0, queue: false});
			
			$('#gallery').css({"left": $(window).width()});
			$('#gallery').animate({opacity: 1.0}, 1000).animate({"left": leftval}, {"duration" : 1200, "easing" : "easeInOutCubic", queue:true});
			
			count_photos();
		}
	}
	function loadContent(menu_item) {
		showLoader();
		show_logo();
		$(menu_item).addClass("current");
		var urlToLoad = $(menu_item).attr("href");
		$.ajax({
			type: "POST",
			url: urlToLoad,
			data: "ajax=true",
	   
			success: function(msg) {
				hide_logo();
				if (first_time) {
					show_menu();
					show_twitter_btn();
					show_social_icons();
					first_time = false;
				}
				if (typeof( window['layout'] ) != "undefined") {
					if (layout == 'page' || layout == 'default') {
						$("#main_content").remove();
					} else if (layout == 'portfolio') {
						$("#gallery").remove();
						$("#gallery_control").remove();
					}
				} 
				$("body").append(msg);
				open_section();
				hideLoader();
			}
		});
	}
	
	function load_single_post(menu_item) {
		showLoader();
		var urlToLoad = $(menu_item).attr("href");
		$.ajax({
			type: "POST",
			url: urlToLoad,
			data: "ajax=true",
	   
			success: function(msg) {
				$(menu_item).parent().html(msg);
				hideLoader();
				enable_scroll();
				enable_prettyPhoto();
			}
		});
	}
	/*********************************/
	
	$(".post_link, .thumbnail_a").live("click", function(){
		$(".site_menu .current").removeClass("current");
		load_single_post($(this));
		return false;
	});

	
	$("#tweets").tweet({
		join_text: "",
		username: twitterlogin,
		avatar_size: 0,
		count: 5,
		auto_join_text_default: "", 
		auto_join_text_ed: "",
		auto_join_text_ing: "",
		auto_join_text_reply: "",
		auto_join_text_url: "",
		loading_text: "loading tweets..."
	});
	$("#twitter_btn").toggle(
		function () {
			$("#tweets_list").animate({"right" : 30});
		},
		function () {
			$("#tweets_list").animate({"right" : -200});
		}
    );
	
	$('.social_ico img').hover(function() {
		$(this).animate({right: '5px'}, {queue:false, duration: 150});
	},
	function(){
		$(this).animate({right: '0px'}, {queue:false, duration: 150});
	});
	
	$("#menu_logo").css({"width": menu_width});
	$('.site_menu li a').hover(function() {
		$(this).animate({paddingLeft: '50px'}, {queue:false, duration: 150}); /*, easing:'easeOutQuart'*/
	},
	function(){
		$(this).animate({paddingLeft: '30px'}, {queue:false, duration: 150});
	});
	
	$(".site_menu a").click(function () {
		if ($(this).hasClass("current") == false) {
			$(".site_menu .current").removeClass("current");
			openSiteSection($(this));
		}
		return false;
	});
	
	$(".post_meta a, .tags a").live("click", function () {
		$(".site_menu .current").removeClass("current");
		openSiteSection($(this));
		return false;
	});
	
	
	$('#gallery_next').live("click", function(){
		nextPhoto();
		return false;
	});
	
	$('#gallery_prev').live("click", function(){
		prevPhoto();
		return false;
	});
	
	
	$('.gallery_list img').live("mousemove", function(e){
		var total_photos = $('.gallery_list li').size();
		if (total_photos > 1) {
			var leftval = e.pageX - $('#gallery_control').outerWidth()/2;
			var topval = e.pageY - $('#gallery_control').outerHeight()/2;
			$('#gallery_control').animate({"left": leftval, "top": topval}, {"duration" : 500,  queue:false});
			$('#gallery_control').animate({"opacity": 1}, {queue: false});
		}
	})
	.live("mouseout", function(){
    	$('#gallery_control').animate({"opacity": 0}, {queue: false});
	});
	
	$('#gallery_control').live("mouseover", function(){
		var total_photos = $('.gallery_list li').size();
		if (total_photos > 1) {
			$(this).animate({"opacity": 1}, {queue: false});
		}
    })
	.live("mouseout", function(){
    	$('#gallery_control').animate({"opacity": 0}, {queue: false});
	});

 
	
	/********************************/
	if (first_time) {
		$(window).load(function () {
			loadContent($(".site_menu li.cat-item-"+photo_cat_id+" a:first"));
		});
	} else {
		open_section();
		hideLoader();
		show_menu();
		show_twitter_btn();
		show_social_icons();
		enable_scroll();
	}
	
	var resizeTimer = null;
	
	$(window).bind('resize', function() {
		if (resizeTimer) clearTimeout(resizeTimer);
		resizeTimer = setTimeout(windowResized, 10);
	});
});

augustoclaro · Julho 26, 2010

passa o html. Qual é a função que o botão Play chama? apenas simule o click.

kenny10 · Julho 26, 2010

passa o html. Qual é a função que o botão Play chama? apenas simule o click.

Olá Augusto! a função que ele chama é a próxima foto da galeria, queria também especificar um tempo para a transição das imagens:

function nextPhoto() {
                cur_photo++;
                var dur = 1000;
                var total_photos = $('.gallery_list li').size();
                if (cur_photo == total_photos) { cur_photo = 0; dur = 1500; }
                var marginTop = $(window).height()/2 - photo_height/2;
                var new_y = (- $('.gallery_list li').outerHeight(true) + marginTop) * cur_photo;
                $('.gallery_list').animate({top: new_y}, {queue:false, duration: dur});

kenny10 · Julho 26, 2010

passa o html. Qual é a função que o botão Play chama? apenas simule o click.

Segue o código da página:

<?php if (have_posts()) : ?>
	<script type="text/javascript">var layout = 'portfolio';</script>    
    
    <div id="gallery_control">
    	<a id="gallery_prev" href="#"><img alt="" src="<?php bloginfo('template_directory'); ?>/images/minus.png" /></a> <a id="gallery_next" href="#"><img alt="" src="<?php bloginfo('template_directory'); ?>/images/plus.png" /></a>
	</div>
	<div class="first_init" id="gallery">
    	<ul class="gallery_list">
			<?php while (have_posts()) : the_post(); ?>
			<?php $data = get_post_meta( $post->ID, 'Ph', true ); ?>
            <li>
            	<img alt="" src="<?php echo $data["postimage"]; ?>" />
                <div></div>
              <div class="ph_count"></div>
			</li>
            <?php endwhile; ?>
		</ul>
    </div>
<?php else : ?>
	<div id="main" class="width_12">
        <h1 class="h_pattern">Não encontrado</h1>
      <p>Desculpe, a página não foi encontrada.</p>
    </div> <!-- end #main -->

<?php endif; ?>

augustoclaro · Julho 26, 2010

tenta colocar um

$(document).ready(function(){
nextPhoto();
});

Na questão de um tempo entre as trasições, tente mudar assim:

 function nextPhoto() {
                setTimeout("cur_photo++;",1000*10); //troque o 10 pelo número de segundos que você quer que dure.
                var dur = 1000;
                var total_photos = $('.gallery_list li').size();
                if (cur_photo == total_photos) { cur_photo = 0; dur = 1500; }
                var marginTop = $(window).height()/2 - photo_height/2;
                var new_y = (- $('.gallery_list li').outerHeight(true) + marginTop) * cur_photo;
                $('.gallery_list').animate({top: new_y}, {queue:false, duration: dur});

Lembrando que não testei.

Espero ter ajudado.

tenta colocar um

$(document).ready(function(){
nextPhoto();
});

Na questão de um tempo entre as trasições, tente mudar assim:

 function nextPhoto() {
                setTimeout("cur_photo++;",1000*10); //troque o 10 pelo número de segundos que você quer que dure.
                var dur = 1000;
                var total_photos = $('.gallery_list li').size();
                if (cur_photo == total_photos) { cur_photo = 0; dur = 1500; }
                var marginTop = $(window).height()/2 - photo_height/2;
                var new_y = (- $('.gallery_list li').outerHeight(true) + marginTop) * cur_photo;
                $('.gallery_list').animate({top: new_y}, {queue:false, duration: dur});

Lembrando que não testei.

Espero ter ajudado.

kenny10 · Julho 26, 2010

Augusto, infelizmente não funcionou, mas vou continuar buscando uma solução. Muito obrigado pela ajuda!

augustoclaro · Julho 26, 2010

Desculpa cara mas eu não sei resolver seu problema :/

Espere que outro membro do fórum te ajude.

kenny10 · Julho 27, 2010

Pessoal, se alguém mais tiver idéia de como resolver o caso ficarei muito agradecido.

William Bruno · Julho 27, 2010

poste o html(Ctrl+U - Exibir -> Código Fonte), ou um link para onde você tirou esse script, para que possamos testar o código em funcionamento.

vi que você postou um trecho do wordpress ali, mas não tenho como rodar isso agora.. por isso preciso do HTML gerado, sem php.

kenny10 · Julho 27, 2010

poste o html(Ctrl+U - Exibir -> Código Fonte), ou um link para onde você tirou esse script, para que possamos testar o código em funcionamento.

vi que você postou um trecho do wordpress ali, mas não tenho como rodar isso agora.. por isso preciso do HTML gerado, sem php.

Willian, agradeço a atenção, segue abaixo o código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="pt-BR">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> ...</title>
<link rel="stylesheet" href="http:.../wp-content/themes/delicious_photography/style.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" media="all" href="http:.../wp-content/themes/delicious_photography/css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="http:.../wp-content/themes/delicious_photography/css/text.css" />
<link rel="stylesheet" type="text/css" media="all" href="http:.../wp-content/themes/delicious_photography/css/jScrollPane.css" />
<link rel="stylesheet" type="text/css" media="all" href="http:.../wp-content/themes/delicious_photography/css/prettyPhoto.css" />

<link rel="stylesheet" type="text/css" media="screen,projection" href="http:.../wp-content/themes/delicious_photography/css/main.css"  />

<link rel="pingback" href="http:.../xmlrpc.php" />

<link rel="alternate" type="application/rss+xml" title="Feed de ... »" href="http:.../?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="... »  Feed de comentários" href="http:.../?feed=comments-rss2" />
<link rel='stylesheet' id='prettyphoto-css'  href='http:.../wp-content/plugins/wp-prettyphoto/css/prettyPhoto.css?ver=2.5.6' type='text/css' media='screen' />
<link rel='stylesheet' id='contact-form-7-css'  href='http:.../wp-content/plugins/contact-form-7/styles.css?ver=2.3' type='text/css' media='all' />
<script type='text/javascript' src='http:.../wp-content/plugins/wp-prettyphoto/js/jquery-1.4.2.min.js?ver=1.4.2'></script>
<script type='text/javascript' src='http:.../wp-content/plugins/wp-prettyphoto/js/jquery.prettyPhoto.js?ver=2.5.6'></script>
<script type='text/javascript' src='http:.../wp-includes/js/comment-reply.js?ver=20090102'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http:.../xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http:.../wp-includes/wlwmanifest.xml" /> 
<link rel='index' title='' href='http:...' />
<meta name="generator" content="WordPress 3.0" />
      <script type="text/javascript" charset="utf-8">
        /* <![CDATA[ */
        jQuery(document).ready(function($) {
          $("a[rel^='destaque']").prettyPhoto({
            animationSpeed: 'normal',
            padding: 20,
            opacity: 0.35,
            showTitle: true,
            allowresize: true,
            counter_separator_label: '/',
            theme: 'light_square',
            wmode: 'opaque',
            autoplay: false,
            hideflash: false,
            modal: false,
            changepicturecallback: function(){},
            callback: function(){},
            markup: '<div class="pp_pic_holder"> \
                                                                  <div class="pp_top"> \
                                                                    <div class="pp_left"></div> \
                                                                    <div class="pp_middle"></div> \
                                                                    <div class="pp_right"></div> \
                                                                  </div> \
                                                                  <div class="pp_content_container"> \
                                                                    <div class="pp_left"> \
                                                                    <div class="pp_right"> \
                                                                      <div class="pp_content"> \
                                                                        <div class="pp_fade"> \
                                                                          <a href="#" class="pp_expand" title="Expand the image">Expand</a> \
                                                                          <div class="pp_loaderIcon"></div> \
                                                                          <div class="pp_hoverContainer"> \
                                                                            <a class="pp_next" href="#">next</a> \
                                                                            <a class="pp_previous" href="#">previous</a> \
                                                                          </div> \
                                                                          <div id="pp_full_res"></div> \
                                                                          <div class="pp_details clearfix"> \
                                                                            <a class="pp_close" href="#">Close</a> \
                                                                            <p class="pp_description"></p> \
                                                                            <div class="pp_nav"> \
                                                                              <a href="#" class="pp_arrow_previous">Previous</a> \
                                                                              <p class="currentTextHolder">0/0</p> \
                                                                              <a href="#" class="pp_arrow_next">Next</a> \
                                                                            </div> \
                                                                          </div> \
                                                                        </div> \
                                                                      </div> \
                                                                    </div> \
                                                                    </div> \
                                                                  </div> \
                                                                  <div class="pp_bottom"> \
                                                                    <div class="pp_left"></div> \
                                                                    <div class="pp_middle"></div> \
                                                                    <div class="pp_right"></div> \
                                                                  </div> \
                                                                </div> \
                                                                <div class="pp_overlay"></div> \
                                                                <div class="ppt"></div>',
            image_markup: '<img id="fullResImage" src="" />',
            flash_markup: '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{width}" height="{height}"><param name="wmode" value="{wmode}" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="{path}" /><embed src="{path}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="{width}" height="{height}" wmode="{wmode}"></embed></object>',
            quicktime_markup: '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="{height}" width="{width}"><param name="src" value="{path}"><param name="autoplay" value="{autoplay}"><param name="type" value="video/quicktime"><embed src="{path}" height="{height}" width="{width}" autoplay="{autoplay}" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>',
            iframe_markup: '<iframe src ="{path}" width="{width}" height="{height}" frameborder="no"></iframe>',
            inline_markup: '<div class="pp_inline clearfix">{content}</div>'
          });
        });
				/* ]]> */
      </script><script type='text/javascript' src='http:.../wp-content/themes/delicious_photography/js/commentsvalidate.js'></script>

<script type="text/javascript">
		var homepage = true;
	var first_time = true;
		var photo_cat_id = 4;
	var $templatepath = 'http:.../wp-content/themes/delicious_photography/';
	var $installpath = 'http:.../';
		var twitterlogin = 'http://www.twitter.com';
	</script>
<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>-->
<script type="text/javascript" src="http:.../wp-content/themes/delicious_photography/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http:.../wp-content/themes/delicious_photography/js/jquery.mousewheel.js"></script>
<!--<script type="text/javascript" src="http:.../wp-content/themes/delicious_photography/js/jquery.em.js"></script>-->
<script type="text/javascript" src="http:.../wp-content/themes/delicious_photography/js/jScrollPane.js"></script>
<script type="text/javascript" src="http:.../wp-content/themes/delicious_photography/js/jquery.tweet.js"></script>
<script type="text/javascript" src="http:.../wp-content/themes/delicious_photography/js/jquery.prettyPhoto.js"></script>

<script type="text/javascript" src="http:.../wp-content/themes/delicious_photography/js/js.js"></script>

<style type="text/css">
<!--
body {
	background:#E44500;
}
a {
	color:#e28c05;
}

-->
</style>
</head>

<body class="home blog">

    <img id="loader" alt="" src="http:.../wp-content/themes/delicious_photography/images/loader.gif" />
    <div id="menu_logo">
	            <img id="logotype" alt="" src="http:.../wp-content/themes/delicious_photography/images/logotype.png" />
        <ul class="site_menu">
        		<li class="cat-item cat-item-4"><a href="http:.../?cat=4" title=""></a>

<ul class='children'>
	<li class="cat-item cat-item-12"><a href="http:.../?cat=12" title=""></a>
	<ul class='children'>
	<li class="cat-item cat-item-13"><a href="http:.../?cat=13" title=""></a>
</li>
	<li class="cat-item cat-item-14"><a href="http:.../?cat=14" title=""></a>
</li>
	</ul>
</li>

	<li class="cat-item cat-item-10"><a href="http:.../?cat=10" title=""></a>
</li>
	<li class="cat-item cat-item-11"><a href="http:.../?cat=11" title=""></a>
</li>
</ul>
</li>
	<li class="cat-item cat-item-3"><a href="http:.../?cat=3" title=""></a>
</li>
	<li class="cat-item cat-item-6"><a href="http:.../?cat=6" title=""></a>

</li>
            <li class="page_item page-item-42"><a href="http:.../?page_id=42" title="">...</a></li>
<li class="page_item page-item-38"><a href="http:.../?page_id=38" title=""></a></li>
        </ul>
    </div>
    <div id="intro">
        <img id="logotype" alt="" src="http:.../wp-content/themes/delicious_photography/images/logotype.png" />
    </div>
    <div id="twitter_btn">

    	<img alt="" src="http:.../wp-content/themes/delicious_photography/images/twitterico.png" />
    </div>
    <div id="tweets_list">
        <div id="tweets">
        </div>
        <a id="followlink" title="Siga-me no Twitter" target="_blank" href="http://www.twitter.com/http://www.twitter.com">Siga-me no Twitter</a>
    </div>
    <div id="social_icons">

    	    	<a class="social_ico" id="flickr" title="Follow me on flickr" target="_blank" href="http://www.flickr.com/"><img width="24" height="24" alt="Flickr" src="http:.../wp-content/themes/delicious_photography/images/flickr.png" /></a>
                
            	<a class="social_ico" id="facebook" title="Follow me on facebook" target="_blank" href="http://www.facebook.com"><img width="24" height="24" alt="facebook" src="http:.../wp-content/themes/delicious_photography/images/facebook.png" /></a>
                
            	<a class="social_ico" id="youtube" title="Follow me on youtube" target="_blank" href="http://www.youtube.com"><img width="24" height="24" alt="youtube" src="http:.../wp-content/themes/delicious_photography/images/youtube.png" /></a>
                
    	<a class="social_ico" id="rss" title="RSS" target="_blank" href="http:.../?feed=rss2"><img width="24" height="24" alt="RSS" src="http:.../wp-content/themes/delicious_photography/images/rss.png" /></a>
    </div>
    		</div>
    </div>
		<script type='text/javascript' src='http:.../wp-includes/js/jquery/jquery.form.js?ver=2.02m'></script>

<script type='text/javascript' src='http:.../wp-content/plugins/contact-form-7/scripts.js?ver=2.3'></script>
			</body>
</html>

Arquivado

Função autoplay em slideshow

Recommended Posts

kenny10 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

augustoclaro 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

kenny10 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

kenny10 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

augustoclaro 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

kenny10 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

augustoclaro 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

kenny10 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

kenny10 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante