Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3480 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  Diaporama complexe

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Diaporama complexe

n°1100079
titinho-sa​n
Posté le 23-03-2010 à 14:20:38  profilanswer
 

Bonjour je cherche à faire ce diaporama ou à le copié sur dreamreaver ou eventuellement sur flash =)  
c'est possible ?
 
http://www.zuneo.net/2005/07/un-di [...] -blog.html

mood
Publicité
Posté le 23-03-2010 à 14:20:38  profilanswer
 

n°1100099
abais
Posté le 23-03-2010 à 18:23:47  profilanswer
 

C'est quoi t'as question ?
 
Comment mettre ce moteur de diaporama sur ton propre site ?
=> la démarche est indiqué (le code à copier/coller)
 
Coder un diaporama flash dynamique toi même ?
=> Apprendre l'AS3... On ne pourra pas te donner les détails de chacunes des étapes nécessaires à l'élaboration complète de ce type de galerie, mais ce n'est pas super compliqué, il suffit de s'y mettre...
 
La démarche est :
1) importer dynamiquement l'url des images
2) En créer des thumbs grace à une boucle, que l'on placera en fonction du nombre d'image (toujours dynamiquement grace au modulo par exemple)
3) Creer une fonction qui affiche une image à partir de son index...
4) Creer un Timer qui declenche la fonction ci dessus de l'image n+1
....


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1100105
titinho-sa​n
Posté le 23-03-2010 à 20:27:17  profilanswer
 

ok merci je vais voir ça =)
je pensais qu'il y avait un copier coller qui exister lol

n°1100110
abais
Posté le 23-03-2010 à 21:28:42  profilanswer
 

titinho-san a écrit :

ok merci je vais voir ça =)
je pensais qu'il y avait un copier coller qui exister lol


abais a écrit :

C'est quoi t'as question ?
Comment mettre ce moteur de diaporama sur ton propre site ?
=> la démarche est indiqué (le code à copier/coller)


 


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1100136
titinho-sa​n
Posté le 24-03-2010 à 12:50:51  profilanswer
 

en faite je cherche une source code pour dreamreaver pour faire un effet de lightbox
c'est du java script il me semble
c'est possible de trouver ça pour dreamreaver ?

n°1100138
abais
Posté le 24-03-2010 à 13:35:19  profilanswer
 

Oui c'est un script Javascript (va sur le site de FancyBox ou LightBox qui t'explique très bien la chose)...
Ça demande des notions d'XHTML et de JS...
Dreamweaver est un éditeur WISIWIG, donc tu peut t'en servir vu que tu peux éditer le code directement dedant, mais autant utiliser Notepad++ ...
Et si la création de page web t'interesse, je te suggère d'abandonner Dreamweaver et d'apprendre le code XHTML/CSS...


Message édité par abais le 24-03-2010 à 13:36:33

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1100140
titinho-sa​n
Posté le 24-03-2010 à 14:11:10  profilanswer
 

oui mais je fais mon portfolio actuellement sur dreamreaver =) je suis pas web designer mais archi donc c'est juste pr le plaisir =)
je vais essayer de faire un copier coller sur dreamreaver directement
je posterais encore si j'y arrive pas xD

n°1100143
titinho-sa​n
Posté le 24-03-2010 à 14:42:02  profilanswer
 

Part 1 - Setup
 
Lightbox v2.0 uses the Prototype Framework and Scriptaculous Effects Library. You will need to include these three Javascript files in your header.
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
Include the Lightbox CSS file (or append your active stylesheet with the Lightbox styles).
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
Check the CSS and make sure the referenced prevlabel.gif and nextlabel.gif files are in the right location. Also, make sure the loading.gif and closelabel.gif files as referenced near the top of the lightbox.js file are in the right location.
Part 2 - Activate
 
Add a rel="lightbox" attribute to any link tag to activate the lightbox. For example:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
Optional: Use the title attribute if you want to show a caption.
If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example:
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
No limits to the number of image sets per page or how many images are allowed in each set. Go nuts!
 
voilà ce qu'on me dit de faire  
j'ai par ailleur 3 dossier => JS CSS et images
 
Sur dreamreaver, quelqu'un saurait faire la manip ou la procédure à faire xD quand je fais un copié coller ça me fais juste un lien vers une image qui s'ouvre sur une autre fenêtre
 
Si quelqu'un pouvait m'aider ça serait trop cool
merci d'avance !!!


Message édité par titinho-san le 24-03-2010 à 14:42:36
n°1100145
titinho-sa​n
Posté le 24-03-2010 à 14:49:15  profilanswer
 

ah en faite c'est bon c'est juste que au lieu d'avoir une image lien j'ai un texte lien

n°1100251
titinho-sa​n
Posté le 25-03-2010 à 14:14:50  profilanswer
 

bonjour, =)
aujourd'hui je m'intéresse à cet effet là pour des menu avec effet de défilement et agrandissement
c'est du flash ? possibilité de récupéré le code sources avec google chrome ? c'est pour l'utiliser sur dreamreaver ^^
 
http://www.festival-cannes.com/fr.html
 
merci

mood
Publicité
Posté le 25-03-2010 à 14:14:50  profilanswer
 

n°1100256
titinho-sa​n
Posté le 25-03-2010 à 14:28:24  profilanswer
 

Pour revenir à la lightbox 2.04 j'ai testé sur dreamreaver ça marche niquel sauf que les boutons next et previous n'apparaissent pas
ils faut écrire un code spécifique ?
merci encore !

n°1100269
abais
Posté le 25-03-2010 à 16:10:08  profilanswer
 

oui, il faut que tu indique dans ton lien a quel catégorie appartient ton image... Lightbox saura alors quel images peuvent être mis dans le meme "album" afin de les parcourir avec le next/previus.
 
Regarde ton code, chaque vignette est fait de cette structure <a ....><img .../></a>.
Dans lightbox, c'est l'attribut rel de ton lien (<a ... > ) qui contient la catégorie à laquelle ton image fait partie...
 
Donc, comme le site te le suggère (tu l'as d'ailleurs posté 4 post plus haut), ajoute rel="maGalerie" sur toute les balise lien de tes vignettes.
tu peux changer le "maGalerie" en ce que tu veux, du moment que tu mets le même nom partout...
 
Cet attribut peut sans doute être remplie directement dans l'interface graphique de Dreamweaver ? je ne sais pas...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1100277
titinho-sa​n
Posté le 25-03-2010 à 16:58:32  profilanswer
 

merci abais pour tes réponses rapides ça fais plaisir =)
je vais tester ça ce soir =)

n°1100279
titinho-sa​n
Posté le 25-03-2010 à 17:07:30  profilanswer
 

j'ai actuellement ça
 
<html>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<p><a href="images/ma galerie/image-1.jpg" rel="lightbox" title="Louis Mazouni"><img src="images/ma galerie/image-1.jpg" width="204" height="253"></a></p>
<p><a href="images/ma galerie/image-2.jpg" rel="lightbox" title="Louis Mazouni"><img src="images/ma galerie/image-2.jpg" width="204" height="253"></a></p>
</body>
</html>
 
j'ai un dossier site/images où y a tout dedans
et un dossier site/css/lightbox où le fameux lightbox se trouve
 
don c je rajoute un rel=magalerie ou je le remplace le lightbox
si tu pouvais juste me copié la petite phrase à mettre ça serait trop cool
désolé je suis nooob lol
merci


Message édité par titinho-san le 25-03-2010 à 17:08:01
n°1100281
abais
Posté le 25-03-2010 à 17:34:28  profilanswer
 

arf, tu as deja un rel="..."
 
Parcontre, il te manque un doctype et les balises Head et body (l'ouverture) !!!
 
Et retire l'espace dans ton nom de dossier "ma galerie", il ne faut jamais en avoir en web !


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1100282
abais
Posté le 25-03-2010 à 17:39:11  profilanswer
 

Essaye ça, c'est le même code mais conforme ! (à part pour l'espace !)

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mon titre de page Web</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
</head>
<body>
<p><a href="images/ma galerie/image-1.jpg" rel="lightbox" title="Louis Mazouni"><img src="images/ma galerie/image-1.jpg" width="204" height="253"></a></p>
<p><a href="images/ma galerie/image-2.jpg" rel="lightbox" title="Louis Mazouni"><img src="images/ma galerie/image-2.jpg" width="204" height="253"></a></p>
</body>
</html>


Message édité par abais le 25-03-2010 à 17:40:06

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1100286
titinho-sa​n
Posté le 25-03-2010 à 17:54:18  profilanswer
 

non ça apparaît pas :o
ou alors je dois déplacer les fichier next et précédant dans un dossier particulier ?
 
tu as ajouté ça
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
ça sert à quoi ?

n°1100287
abais
Posté le 25-03-2010 à 18:03:46  profilanswer
 

Pour vulagariser la chose, ça sert à dire au navigateur comment il doit lire le code de ta page...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1100288
abais
Posté le 25-03-2010 à 18:05:09  profilanswer
 

As tu mis ton site sur le serveur pour qu'on puisse voir ?


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1100302
titinho-sa​n
Posté le 25-03-2010 à 20:18:08  profilanswer
 

non j'ai pas mis sur un serveur  
j'utilise google chrome
je vais tester encore

n°1100327
titinho-sa​n
Posté le 26-03-2010 à 08:58:46  profilanswer
 

bon je passe ça me soule xD
 
http://www.festival-cannes.com/fr.html  
 
aujourd'hui c'est cette effet qui m'intéresse car elle sur ma page d'accueil  
j'ai positionné mes rectangle sur dreamreaver, qui correspondent aux emplacement
dois-je importer :
 un fichier gif puis lui donner un lien ?
ou un fichier flash directement ?
merci

n°1100328
abais
Posté le 26-03-2010 à 09:08:59  profilanswer
 

Non attend, tu veux tout faire là...
Ne te lance pas dans le pilotage sans avoir appris à conduire...
 
J'aurais envie de te dire que l'effet est simple à faire avec Flash (encore faut-il que ce soit propre et dynamique), mais je vois que tu ne connais même pas les bases de l'XHTML/CSS !
Si e web t'intéresse, apprend petit à petit comme il faut (en commençant par te débarrasser de Dreamweaver), n'oublies pas que le web, c'est plusieurs métier.


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1100332
titinho-sa​n
Posté le 26-03-2010 à 09:27:31  profilanswer
 

non en faite le web m'interesse pas spécialement, juste que je veux faire un portfolio pour moi, j'ai pas le temps d'apprendre lol
Mise à part 2 ou 3 effet flash le reste c'est très simpliste mais fonctionnel  
j'aime bien dreamreaver, je sais que c'est limité mais bon j'aime mieu les logiciel avec des boutons menu, le codage c'est pas mon truc xD
 
Tu pourras m'aider à faire et réussir ces 2,3 effets pour mon site qui sont pas dur pour vous je pense mais faut que ça soit compatible dreamreaver aussi :s
 
-Juste un menu déroulant horizontal
 
- Diaporama en continu
 
- L'effet zoom comme sur le site
 
- le diaporama avec next et previous
 
 
Après je sais pas, si on peut récupérer le codage sur le net, et perso moi ça me suffit =)
c'est très gentil de ton aide mais entre le codage et 3dsmax je préfere bosser 3dsmax =)
toi tu gère tout lol
 
tu pourras m'aider pour le codage alors ?
je vais faire des recherches sur le net pour voir ce qu'il propose et je posterais si j'ai du mal !
 
merci encore ^^

n°1100333
abais
Posté le 26-03-2010 à 10:03:48  profilanswer
 

titinho-san a écrit :

non en faite le web m'interesse pas spécialement, juste que je veux faire un portfolio pour moi, j'ai pas le temps d'apprendre lol
Mise à part 2 ou 3 effet flash le reste c'est très simpliste mais fonctionnel  
j'aime bien dreamreaver, je sais que c'est limité mais bon j'aime mieu les logiciel avec des boutons menu, le codage c'est pas mon truc xD
Tu pourras m'aider à faire et réussir ces 2,3 effets pour mon site qui sont pas dur pour vous je pense mais faut que ça soit compatible dreamreaver aussi :s
[.....]
c'est très gentil de ton aide mais entre le codage et 3dsmax je préfere bosser 3dsmax =)
 
tu pourras m'aider pour le codage alors ?
 
merci encore ^^


Ouai, on a tous nos petits problèmes...
Moi je préfère dormir plutôt que travailler...
J'aime mieux les femmes déjà prête au coït, faire la cour et tout, c'est pas mon truc...
 
Nan mais serieux...
 
J'aime bien aider quand je communique réellement un savoir, J'ai pour ma part été naïf de continuer à t'aider, mais non seulement ça n'a pas marcher, mais en plus ça t'interesse pas...  
Ce qui compte pour toi c'est d'arriver à tes fins.
 
Le codage ou l'UI de dreamweaver ne sont pas 2 options à choisir, c'est complémentaire... Tu veux un site très simple avec un code crade qui marchera tout de même sur quelques navigateur, Dreamweaver peut le faire... Si tu veux plus, soit t'apprend et tu le fais avec tes petites mains, soit tu le fais sous-traiter...
 
Bref, le dernier tips que je te donne, Dreamweaver n'est pas "un logiciel magique qui fait des sites", ce n'est qu'un éditeur WISIWIG qui t'assiste dans le code, mais la finalité doit-être la même ! Avec DreamWeaver, tu peux TOUT faire... dans la fenêtre "code"...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1100338
titinho-sa​n
Posté le 26-03-2010 à 10:39:52  profilanswer
 

lol ok je vais aller sur le site du 0 pour apprendre le xhtml et css
on en reparle après ?
mais je resterais à taffer sur dreamreaver par contre

mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  Diaporama complexe

 

Sujets relatifs
[FLASH] besoin d'aide pour créer un diaporama tournantDiaporama flash
[Diaporama en Flash] Lequel choisir ?soucis avec flash pour importation diaporama
aide diaporama sous flash(FLASH) Liens dans un diaporama
Recherche un graphiste pour un complexe sportif 3D[requête] Fond d'écran pour Diaporama
DIAPORAMA autonome 
Plus de sujets relatifs à : Diaporama complexe


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)