Sujet Précédent Sujet Suivant

Diaporama flash + xml

Résolu/Fermé
Baptiste - 29 oct. 2009 à 13:26
 Baptiste - 29 oct. 2009 à 15:41
Bonjour,
je cherche pour mon site un diaporama, en flash et avec le xml pour faire un slideshow.
j'avais trouvé ça: https://www.lafermeduweb.net mais je trouve pas trop de doc, pour que je comprenne!

connaissez vous aussi un système identique qui existe avec un bouton pause! par exemple imagerotator est super, il est simple et tout...
https://www.jwplayer.com/
mais peux t on y mettre un bouton pause?

merci!!
@+
A voir également:

7 réponses

Réponse 1 / 7
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
29 oct. 2009 à 15:31
A la ligne 39 du xml tu vas trouver ca 
	captionTransparency = "0.6"
		captionY = "10"
		captionX = "10"			
		captionWidth = "390"
		buttonText = "read more"
		btnNormalColor = "0x000000"
		btnOverColor = "0xffffff"
		btnOutColor = "0x000000"
		paddingX = "10"
		paddingY = "15"


tu joue sur les

captionY = "10"
captionX = "10"

a+
2
Réponse 2 / 7
Baptiste
29 oct. 2009 à 13:30
existe t il aussi des diaporamas où l'on voit des miniatures par exemple des images du diaporama? merci!
0
Réponse 3 / 7
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
29 oct. 2009 à 14:09
SALUT

bon je t explique pour la galerie que tu ne comprend pas !

c est en fait un projet Flex , que tu ne sauras pas exploiter si tu ne connais pas !

mais il existe une bidouille que tu peux faire pour l utiliser !

dans le dossier "project" tu ouvre le dossier "deploy"

a l interieur tu vas trouver les fichiers genere qui peuvent etre mis en ligne !

tu vas dans le dossier "banner" tu ouvre "content" et tu vas

dans le dossier "images" tu met tes images la !!

tu retourne dans le dossier "banner" et tu ouvre le dossier "xml"

tu ouvre le fichier banner.xml avec un editeur texte pspad ou Notepad++

Et tu vas voir ca 

<?xml version="1.0" encoding="UTF-8"?>

<!-- Configuration panel -->
<banner width = "" height = ""
		startWith = "1" 
		random = "false"
		
		backgroundColor = "0xffffff" 
		backgroundTransparency = "100"
		
		cellWidth = "50"
		cellHeight = "50"
		
		showMinTime = "0.2"
		showMaxTime = "1.5"
		
		blur = "50"
		netTime = "0.5"
		alphaNet = "0.8"
		netColor = "0x000000"
		
		overColor = "0x473C31"
		normalColor = "0x000000"
		selectedTextColor = "0xffffff"
		buttonAlpha = "0.3"
		captionButtonAlpha = "0.4"
		
		controllerVisible = "true"
		controllerBackgroundVisible = "true"
		prevNextVisible = "true"
		controllerDistanceX = "10"
		controllerDistanceY = "10"
		controllerHeight = "27"
		distanceBetweenControllerElements = "10"
		distanceBetweenThumbs = "6"
		
		loaderColor = "0x000000"
		
		captionTransparency = "0.6"
		captionY = "10"
		captionX = "10"			
		captionWidth = "390"
		buttonText = "read more"
		btnNormalColor = "0x000000"
		btnOverColor = "0xffffff"
		btnOutColor = "0x000000"
		paddingX = "20"
		paddingY = "15"
		
		btnSpacingW = "50"
		btnSpacingH = "5"
		>
<!-- End panel -->


<!--If you want to customize your font use, for example:
	<font color='#FFffff' size='18px' family='Times, Times New Roman'> your text </font> 
-->
	<item>
		<path>content/images/image1.jpg</path>
		<title><![CDATA[While some images can have a title]]></title>
		<caption><![CDATA[And a description as well...]]></caption>
		<target>_blank</target>
		<link>http://www.google.com</link>
		<bar_color>0xffffff</bar_color>
		<bar_transparency>40</bar_transparency>
		<slideshowTime>5</slideshowTime>
	</item>
	
	<item>
		<path>content/images/image2.jpg</path>
		<title></title>
		<caption><![CDATA[Other images can have only a description, and it can be of any length.]]></caption>
		<target>_blank</target>
		<link>http://www.flabell.com</link>
		<bar_color>0xffffff</bar_color>
		<bar_transparency>40</bar_transparency>
		<slideshowTime>8</slideshowTime>
	</item>
	
	<item>
		<path>content/images/image3.jpg</path>
		<title></title>
		<caption><![CDATA[For example of this length: Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet labore et dolore magna aliqua...]]></caption>
		<target>_blank</target>
		<link>http://www.flabell.com</link>
		<bar_color>0xffffff</bar_color>
		<bar_transparency>40</bar_transparency>
		<slideshowTime>5</slideshowTime>
	</item>
	
	<item>
		<path>content/images/image4.jpg</path>
		<title><![CDATA[You can also add just a title.]]></title>
		<caption></caption>
		<target>_blank</target>
		<link>http://www.flabell.com</link>
		<bar_color>0xffffff</bar_color>
		<bar_transparency>40</bar_transparency>
		<slideshowTime>5</slideshowTime>
	</item>
	
	<item>
		<path>content/images/image5.jpg</path>
		<title><![CDATA[This is a sample title.]]></title>
		<caption><![CDATA[In order to add a longer title, make sure you resize this white box the text appears in. You can set it's size in the XML files.]]></caption>
		<target>_blank</target>
		<link>http://www.flabell.com</link>
		<bar_color>0xffffff</bar_color>
		<bar_transparency>40</bar_transparency>
		<slideshowTime>5</slideshowTime>
	</item>
	
	<item>
		<path>content/images/image6.jpg</path>
		<title><![CDATA[Want to display only the image?]]></title>
		<caption><![CDATA[Than add no title and no description, as we did in the next image!]]></caption>
		<target>_blank</target>
		<link>http://www.flabell.com</link>
		<bar_color>0xffffff</bar_color>
		<bar_transparency>40</bar_transparency>
		<slideshowTime>5</slideshowTime>
	</item>
	
	<item>
		<path>content/images/image7.jpg</path>
		<title></title>
		<caption></caption>
		<target>_blank</target>
		<link>http://www.flabell.com</link>
		<bar_color>0xffffff</bar_color>
		<bar_transparency>40</bar_transparency>
		<slideshowTime>3</slideshowTime>
	</item>
	
	<item>
		<path>content/images/image8.jpg</path>
		<title><![CDATA[You can hide also the control box]]></title>
		<caption><![CDATA[But to do this you have to edit the main settings in the XML file. If you want to hide the next and prev buttons, you can do that as well.]]></caption>
		<target>_blank</target>
		<link>http://www.flabell.com</link>
		<bar_color>0xffffff</bar_color>
		<bar_transparency>40</bar_transparency>
		<slideshowTime>5</slideshowTime>
	</item>
	
	<item>
		<path>content/images/image1.jpg</path>
		<title><![CDATA[<font color="#ffffff">Want to change the colors?</font>]]></title>
		<caption><![CDATA[ <font color="#ffffff">If you want to set the transparency or the color of the boxes, that's also doable from the XML. In this example we made them red and the text white!</font>]]></caption>
		<target>_blank</target>
		<link>http://www.flabell.com</link>
		<bar_color>0xFF0000</bar_color>
		<bar_transparency>100</bar_transparency>
		<slideshowTime>5</slideshowTime>
	</item>
	
	<item>
		<path>content/images/image2.jpg</path>
		<title><![CDATA[Want to add no links for the images?]]></title>
		<caption><![CDATA[Simple don't set any links in the XML, as we did for this image. You see there's no click for it and also the read more button is missing. And yes, you can change the caption of the read more button too, for example you can change it to <u>MORE</u>.]]></caption>
		<target>_blank</target>
		<link></link>
		<bar_color>0xffffff</bar_color>
		<bar_transparency>40</bar_transparency>
		<slideshowTime>5</slideshowTime>
	</item>
	
	<item>
		<path>content/images/image3.jpg</path>
		<title><![CDATA[Want the image to change on click only?]]></title>
		<caption><![CDATA[Set the slideshow time to 0, as we did for this slide. Now it won't move to any image by itself unless you select another image. If you set the slideshow time to 0 for each image, each image will just stay selected until you manually select another image. Select next image to continue slideshow! :)]]></caption>
		<target>_blank</target>
		<link>http://www.flabell.com</link>
		<bar_color>0xffffff</bar_color>
		<bar_transparency>40</bar_transparency>
		<slideshowTime>0</slideshowTime>
	</item>
	
	<item>
		<path>content/images/image4.jpg</path>
		<title><![CDATA[<title>Title Four Here</title>]]></title>
		<caption><![CDATA[Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amete magna aliqua...]]></caption>
		<target>_blank</target>
		<link>http://www.flabell.com</link>
		<bar_color>0xffffff</bar_color>
		<bar_transparency>40</bar_transparency>
		<slideshowTime>5</slideshowTime>
	</item>
	
	<item>
		<path>content/images/image5.jpg</path>
		<title><![CDATA[<title>Title Five Here</title>]]></title>
		<caption><![CDATA[Lorem ipsum dolor sit amet...]]></caption>
		<target>_blank</target>
		<link>http://www.flabell.com</link>
		<bar_color>0xffffff</bar_color>
		<bar_transparency>40</bar_transparency>
		<slideshowTime>5</slideshowTime>
	</item>
	
	<item>
		<path>content/images/image6.jpg</path>
		<title><![CDATA[<title>Title Six Here</title>]]></title>
		<caption><![CDATA[Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet labore et dolore magna aliqua...]]></caption>
		<target>_blank</target>
		<link>http://www.flabell.com</link>
		<bar_color>0xffffff</bar_color>
		<bar_transparency>40</bar_transparency>
		<slideshowTime>5</slideshowTime>
	</item>
	
	<item>
		<path>content/images/image7.jpg</path>
		<title><![CDATA[<title>Title Seven Here</title>]]></title>
		<caption><![CDATA[Lorem ipsum dolor sit amet...]]></caption>
		<target>_blank</target>
		<link>http://www.flabell.com</link>
		<bar_color>0xffffff</bar_color>
		<bar_transparency>40</bar_transparency>
		<slideshowTime>5</slideshowTime>
	</item>
	
	<item>
		<path>content/images/image8.jpg</path>
		<title><![CDATA[<title>Title Eight Here</title>]]></title>
		<caption><![CDATA[Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amete magna aliqua...]]></caption>
		<target>_self</target>
		<link>http://www.flabell.com</link>
		<bar_color>0xffffff</bar_color>
		<bar_transparency>40</bar_transparency>
		<slideshowTime>5</slideshowTime>
	</item>	

</banner>


pour l instant ne t occupe pas du debut qui est la config du lecteur swf par xml !!

tu cherche cette ligne 
<!--If you want to customize your font use, for example:
	<font color='#FFffff' size='18px' family='Times, Times New Roman'> your text </font> 
-->


c est a partir de la que tu vas donner tes info au swf en changeant ajoutant ou supprimant des items (images) ! chaque <item>......</item> est une image !

bien laisser tes textes entre les <![CDATA[....bla bla.....]]> ou il pouraient etre interprete comme un noeud !! 

	<item>
		<path>content/images/image1.jpg</path><!-- CHANGE LES IMAGES PAR LES TIENNES  -->
		<title><![CDATA[While some images can have a title]]></title><!-- TITRE DE TES IMAGES -->
		<caption><![CDATA[And a description as well...]]></caption><!-- DESCRIPTION DE TES IMAGES -->
		<target>_blank</target>
		<link>http://www.google.com</link><!-- URL DU LIEN OU LAISSER VIDE si tu ne veux pas de liens  -->
		<bar_color>0xffffff</bar_color>
		<bar_transparency>40</bar_transparency><!-- TRANSPARENCE DE LA BAR -->
		<slideshowTime>5</slideshowTime><!-- TIMER EN SECONDES -->
	</item>


fais deja ca et dis moi ! ;-))
0
Réponse 4 / 7
Baptiste
29 oct. 2009 à 14:19
oké super!! merci!!
peux t on changer la place des éléments? par exemple faire la légende en dessous de l'image ... et mettre un bouton pause!! lol

merci!
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 7
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
29 oct. 2009 à 14:57 
peux t on changer la place des éléments? par exemple faire la légende en dessous de l'image

oui ! mais comprend deja la premiere partie !! 


et mettre un bouton pause

la c est plus complex ! sans utiliser flex , non !
0
Réponse 6 / 7
Baptiste
29 oct. 2009 à 15:17
peux t on changer la place des éléments? par exemple faire la légende en dessous de l'image

oui ! mais comprend deja la premiere partie !!

oui j'ai compris le début, c'est simple, un item par image, avec légende, titre etc...
0
Réponse 7 / 7
Baptiste
29 oct. 2009 à 15:41
ha ouais d'accord! merci ;) je vais essayer ça!
0

Discussions similaires

Boucle sur la première diapositive d'une présentation
ND83 -
ndubau -

3 réponses
Une musique qui évoque le souvenir ?
fadilb -
Justbymeg -

5 réponses
Transition automatique diapo suivant
Héloïse -
laugreen -

4 réponses
suggestion de chanson pour montage photo
wexer -
jujule7 -

1 réponse