[Resolvido] Supersized não executa

allex_carvalho · Janeiro 13, 2012

Boa tarde. Estou com um plugin jquery que não está executando. Como tem alguns plugins no site e a navegação é em ajax tem uma condição para executar os plugins, vejam o link do site Clica em projetos e depois no primeiro item do carousel.

Estou chamando o plugin dessa forma:

<script type="text/javascript">
if( href=='exibeSlides_projetos.php' )
               {
                       $("#contConteudo").load( href, 
                               function()
                               {
	jQuery(function($){
		$.supersized({
				// Functionality
				slideshow               :   1,			// Slideshow on/off
				autoplay				:	1,			// Slideshow starts playing automatically
				start_slide             :   1,			// Start slide (0 is random)
				stop_loop				:	0,			// Pauses slideshow on last slide
				random					: 	0,			// Randomize slide order (Ignores start slide)
				slide_interval          :   3000,		// Length between transitions
				transition              :   6, 			// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
				transition_speed		:	1000,		// Speed of transition
				new_window				:	1,			// Image links open in new window/tab
				pause_hover             :   0,			// Pause slideshow on hover
				keyboard_nav            :   1,			// Keyboard navigation on/off
				performance				:	1,			// 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
				image_protect			:	1,			// Disables image dragging and right click with Javascript

				// Size & Position						   
				min_width		        :   0,			// Min width allowed (in pixels)
				min_height		        :   0,			// Min height allowed (in pixels)
				vertical_center         :   1,			// Vertically center background
				horizontal_center       :   1,			// Horizontally center background
				fit_always				:	0,			// Image will never exceed browser width or height (Ignores min. dimensions)
				fit_portrait         	:   1,			// Portrait images will not exceed browser height
				fit_landscape			:   0,			// Landscape images will not exceed browser width

				// Components							
				slide_links				:	'blank',	// Individual links for each slide (Options: false, 'num', 'name', 'blank')
				thumb_links				:	1,			// Individual thumb links for each slide
				thumbnail_navigation    :   0,			// Thumbnail navigation
				slides 					:  	[			// Slideshow Images
													{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-1.jpg'},
													{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-2.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-2.jpg'},  
													{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-3.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-3.jpg'},
													{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-1.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/wojno-1.jpg'},
													{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-2.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/wojno-2.jpg'},
													{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-3.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/wojno-3.jpg'},
													{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-1.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/shaden-1.jpg'},
													{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-2.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/shaden-2.jpg'},
													{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-3.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/shaden-3.jpg'}
											],
				// Theme Options			   
				progress_bar			:	1,			// Timer for each slide							
				mouse_scrub				:	0
		});
	});
							}
);
} else
{
$("#contConteudo").load( href );
}
</script>

O plugin carrega, mais não carrega as imagens.

Obrigado.

allex_carvalho · Janeiro 13, 2012

Fiz umas mexidas no if. Descobri que o problema está no if, pois, se retirar ele o plugin funciona. Só que se alterar de pagina o plugim continua aberto, então, preciso do if.

Vejam como ficou:

<script type="text/javascript">
$(document).ready(function(){
	$("#carouselMaior a").click(function( e )
	{
		e.preventDefault();
		var $this = $( this );
		var href = $this.attr('href');
		if( href=='exibeSlides_projetos.php' )
		{
			$("#contConteudo").load( href, 
			function()
			{
				jQuery(function($){
					$.supersized({
							// Functionality
							slideshow               :   1,			// Slideshow on/off
							autoplay				:	1,			// Slideshow starts playing automatically
							start_slide             :   1,			// Start slide (0 is random)
							stop_loop				:	0,			// Pauses slideshow on last slide
							random					: 	0,			// Randomize slide order (Ignores start slide)
							slide_interval          :   3000,		// Length between transitions
							transition              :   6, 			// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
							transition_speed		:	1000,		// Speed of transition
							new_window				:	1,			// Image links open in new window/tab
							pause_hover             :   0,			// Pause slideshow on hover
							keyboard_nav            :   1,			// Keyboard navigation on/off
							performance				:	1,			// 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
							image_protect			:	1,			// Disables image dragging and right click with Javascript

							// Size & Position						   
							min_width		        :   0,			// Min width allowed (in pixels)
							min_height		        :   0,			// Min height allowed (in pixels)
							vertical_center         :   1,			// Vertically center background
							horizontal_center       :   1,			// Horizontally center background
							fit_always				:	0,			// Image will never exceed browser width or height (Ignores min. dimensions)
							fit_portrait         	:   1,			// Portrait images will not exceed browser height
							fit_landscape			:   0,			// Landscape images will not exceed browser width

							// Components							
							slide_links				:	'blank',	// Individual links for each slide (Options: false, 'num', 'name', 'blank')
							thumb_links				:	1,			// Individual thumb links for each slide
							thumbnail_navigation    :   0,			// Thumbnail navigation
							slides 					:  	[			// Slideshow Images
																{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-1.jpg'},
																{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-2.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-2.jpg'},  
																{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-3.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-3.jpg'},
																{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-1.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/wojno-1.jpg'},
																{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-2.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/wojno-2.jpg'},
																{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-3.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/wojno-3.jpg'},
																{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-1.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/shaden-1.jpg'},
																{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-2.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/shaden-2.jpg'},
																{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-3.jpg', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/shaden-3.jpg'}
														],
							// Theme Options			   
							progress_bar			:	1,			// Timer for each slide							
							mouse_scrub				:	0
					});
				});
			}
			);	
		} else
		{
			$("#contConteudo").load( href );
		}
	});
});
</script>

Obrigado.

William Bruno · Janeiro 15, 2012

retire a tag script de todas as suas páginas internas.

http://www.valeriaoliveira.com.br/site/artes.php

allex_carvalho · Janeiro 15, 2012

Removi em tudo :) fico fui bruto agora (a navegação).

Só que o slide ainda não funfa, me parece que não está entrando no if.

Obrigado.

allex_carvalho · Janeiro 16, 2012

Problema resolvido (William Bruno) B)

Precisava pegar o id para imprimir junto no href na condição. Ficou assim:

var id = href.split('=')[1];
$("#carouselMaior a").live('click', function( e ){
e.preventDefault();
var $this = $( this );
var href = $this.attr('href');
var id = href.split('=')[1];
if( href == 'exibeSlides_projetos.php?id=' + id ){

Caso alguém tenha alguma dúvida, fica registrado :)

Obrigado.

Entrar

Arquivado

[Resolvido] Supersized não executa

Recommended Posts

allex_carvalho 124

Compartilhar este post

Link para o post

Compartilhar em outros sites

allex_carvalho 124

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

allex_carvalho 124

Compartilhar este post

Link para o post

Compartilhar em outros sites

allex_carvalho 124

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

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante