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

[xarlington 0]

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"
	);
?>

[Thiago Retondar 18]

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

[xarlington 0]

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

[Thiago Retondar 18]

Leia o tutorial que você passou. Provavelmente lá estão todas informações. :D

[xarlington 0]

hehehe, eu ja li o codigo e esse tuto, so que nao fui sucedido em colocar o mesmo para funcionar, se alguem souber como fazer isso funcionar e tiver como me dar um help ficaria muito grato..

 

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

[Thiago Retondar 18]

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

[xarlington 0]

Blza assim que eu tiver um tempinho eu irei testar... obrigado amigo

 

 

Abraçux

[William Bruno 1501]

Não crie tópicos repetidos, com a mesma dúvida.

http://forum.imasters.com.br/index.php?/topic/353749-como-faco-para-colocar-esses-slides-shows-no-meu-site/page__view__findpost__p__1344204

 

Dificulta quem vai te ajudar.