Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

xarlington

Como faço para esse Slideshow aparecer no meu site?

Recommended Posts

Salve galera, depois de muito tempo atras de um Slideshow que que encaixasse aos meus gostos ate que enfim encontrei alguns, so que tem um problema nao estou conseguindo fazer o mesmo aparecer na minha página, teria como algum filho de Deus me ajudar a fazer com que esse codigo aparece na minha pagina, desde ja agradeço a atenção e a ajuda.

 

Site que contem o Slideshow:

 

Clique aqui

 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
$('#slide_holder').agile_carousel({
	alt_attributes: "Highly Customizable,JQuery UI Transition Types & Effects,Automated Setup",
	continue_timer_after_click: "no",
	custom_data: "custom_data/custom_data_agile_carousel.php",
	first_slide_is_intro: "yes",
	first_last_buttons: "yes",
	hover_next_prev_buttons: "yes",
	intro_timer_length: "5000",
	intro_transtion: "fade",
	next_prev_buttons: "yes",
	php_doc_location: "http://www.agilecarousel.com/make_slides.php",
	pause_button: "yes",
	remove_content: "no",
	slide_buttons: "yes",
	//slide_captions: "JQuery Carousel Plugin|Agile Slide Types|JQuery UI Effects Available|Agile Settings|Carousel That's Built to Order", // not used. Usind "custom_data" instead
	//slide_directory: "agile_carousel_home_slides",
	slide_doctype: "xhtml",
	//slide_links: ",,http://agilecarousel.com,http://agilecarousel.com,http://agilecarousel.com", // not used. Using "custom data" instead
	slide_number_display: "yes",
	stop_rotate_on_hover: "yes",
	target_attributes: "_self,_blank,_self",
	timer_length: "5000",
	transition_duration: 2000,
	transition_easing: "swing",
	transition_type: "fade",
	water_mark: "yes"
});

// external controls example
$('#next_o').click(function(){
$.fn.agile_carousel.next();
});
$('#prev_o').click(function(){
$.fn.agile_carousel.prev();
});
$('#first_o').click(function(){
$.fn.agile_carousel.first();
});
$('#last_o').click(function(){
$.fn.agile_carousel.last();
});
$('#pause_play').click(function(){
$.fn.agile_carousel.pause_play();
});
$('#goto_3').click(function(){
$.fn.agile_carousel.go_to(3);
});

</script>

Example of custom_data PHP file. This allows you to draw carousel content from a custom source, rather than specifying a directory and other plugin settings like slide links, target attributes, alt attributes and captions.

 

 

<?php
	$custom_data_arr = array(
	'custom_slide_files'       => "http://www.agilecarousel.com/agile_carousel_slides_w_intro/00_agile_intro.swf,http://www.agilecarousel.com/agile_carousel_slides_w_intro/01_slide.jpg,http://www.agilecarousel.com/agile_carousel_slides_w_intro/02_slide.jpg,http://www.agilecarousel.com/agile_carousel_slides_w_intro/03_slide.jpg",
	'custom_slide_links'       => "NA,http://www.agile_carousel.com,http://www.agile_carousel.com,http://www.agile_carousel.com",
	'custom_target_attributes' => "NA,_self,_blank,_self",
	'custom_alt_attributes'    => "NA,Slide 1,Slide 2,Slide 3",
	'custom_slide_captions'    => "Customize with a wide assortment of settings|Use JQuery UI Effects & Easing|Automated Setup"
	);
?>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não poste apenas para o seu tópico subir na lista. Se ninguém respondeu, é porque não sabe ou porque está sem tempo. ;)

 

Olhe essas linhas:

 

#6 http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Você tem esse arquivo?

custom_data: "custom_data/custom_data_agile_carousel.php",

#13 http://forum.imasters.com.br/public/style_emoticons/default/seta.gif O próprio link está dando erro

php_doc_location: "http://www.agilecarousel.com/make_slides.php",

#18 http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Você tem esse diretório?

//slide_directory: "agile_carousel_home_slides",

Pegue o tutorial e traduza. Copiar e colar o código não é mais rápido. ;)

 

Note que em nenhum momento você indicou imagens para o slideshow, à não ser que esteja em algum diretório mencionado.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não poste apenas para o seu tópico subir na lista. Se ninguém respondeu, é porque não sabe ou porque está sem tempo. ;)

 

Olhe essas linhas:

 

#6 http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Você tem esse arquivo?

custom_data: "custom_data/custom_data_agile_carousel.php",

#13 http://forum.imasters.com.br/public/style_emoticons/default/seta.gif O próprio link está dando erro

php_doc_location: "http://www.agilecarousel.com/make_slides.php",

#18 http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Você tem esse diretório?

//slide_directory: "agile_carousel_home_slides",

Pegue o tutorial e traduza. Copiar e colar o código não é mais rápido. ;)

 

Note que em nenhum momento você indicou imagens para o slideshow, à não ser que esteja em algum diretório mencionado.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

 

Kra eu so peguei o codigo e testei aqui e nao fiz mais nada, como eu nao sei mecher muito nele ai por isso vim pedir ajuda agora esses codigos que você mencionou par que serve eles?.. eu teria que colocar eles junto do codigo do Jquery para poder fazer funcionar?

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bem,

 

esse slideshow funciona junto em conjunto com o PHP. Veja o exemplo que ele da no final do artigo:

 

Example of “custom_data” PHP file. This allows you to draw carousel content from a custom source, rather than specifying a directory and other plugin settings like slide links, target attributes, alt attributes and captions.

<?php
$custom_data_arr = array(
'custom_slide_files'       => "http-~~-//www.agilecarousel.com/agile_carousel_slides_w_intro/00_agile_intro.swf,http-~~-//www.agilecarousel.com/agile_carousel_slides_w_intro/01_slide.jpg,http-~~-//www.agilecarousel.com/agile_carousel_slides_w_intro/02_slide.jpg,http-~~-//www.agilecarousel.com/agile_carousel_slides_w_intro/03_slide.jpg",
'custom_slide_links'       => "NA,http-~~-//www.agile_carousel.com,http-~~-//www.agile_carousel.com,http-~~-//www.agile_carousel.com",
'custom_target_attributes' => "NA,_self,_blank,_self",
'custom_alt_attributes'    => "NA,Slide 1,Slide 2,Slide 3",
'custom_slide_captions'    => "Customize with a wide assortment of settings|Use JQuery UI Effects & Easing|Automated Setup"
);
?>

 

Na primeira linha você coloca as imagens, os swf, etc que deseja. ;) Faça esse arquivo PHP, salve e coloque na seguinte linha do código JavaScript.

php_doc_location:

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.