Easy-Design.Net forum




Aide générale Installer un diaporama 100 photos CSSplay dans une page de pbt

benjah Membre non connecté

EDN Intéressé(e)

Rang

Avatar

Inscrit le : 17/04/2011 à 17h56

Messages: 59

Le 16/06/2011 à 10h48
Bonjour à tous.

Je voudrais installer un sideshow 100 images http://easy-design.net/wiki/creer-un-diaporama-de-100-photos-cssplay

Par contre, dites moi si je fais juste:

-Je copie le html dans une page sous pbt.
là c'est ok.

Par contre je mets mon CSS et mon dossier image où ?
Je l'ai mis dans le dossier images de pbt, mais çà marche pas.

Plutôt que de chercher pendant des heures (ce que j'ai déjà fait pour lightbox2 sans y arriver soit dit en passant), je me tourne vers vous.

Merci.

A bientôt.
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 16/06/2011 à 13h29
Tu as bien mis le css dans le dossier indiqué ?
Ou as tu placé les images , donne moi le chemin complet s'il te plait ...


swan_signature

Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 16/06/2011 à 13h29
Tu as bien mis le css dans le dossier indiqué ?
Ou as tu placé les images , donne moi le chemin complet s'il te plait ...


swan_signature

Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 16/06/2011 à 13h31
Bonjour Benjah,


Le Css




Si tu procède pour une mise en place dans une page, place le gallery.css dans ton dossier "templates/TON_THEME/theme/". Ensuite dans ta page, tout en haut de celle-ci, entre les balise html de pbt (le casque jaune), pour appeler celui-ci, place ceci :

Code TEXT :
 
[html] <link rel="stylesheet" href="/templates/TON_THEME/theme/gallery.css" type="text/css" media="screen, print, handheld" />
[/html]



Les images




Tu es places ou tu veux dans ton pbt ! Mais attention que les liens interne d'appel des images (<img src) aient le même chemin pour pouvoir les afficher ensuite dans ta page !

Code HTML :
<li><a href="#nogo">#1<!--[if IE 7]><!--></a><!--<![endif]--><b>Gallery #1</b>
<table><tbody><tr><td>
<ul>
<li>
<a class="vert" href="#portrait1"><span><img src="images/pic_1vt.jpg" alt="" title=""></span><em><img src="images/pic_1v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait2"><span><img src="images/pic_2vt.jpg" alt="" title=""></span><em><img src="images/pic_2v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait3"><span><img src="images/pic_3vt.jpg" alt="" title=""></span><em><img src="images/pic_3v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait4"><span><img src="images/pic_4vt.jpg" alt="" title=""></span><em><img src="images/pic_4v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait5"><span><img src="images/pic_5vt.jpg" alt="" title=""></span><em><img src="images/pic_5v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait6"><span><img src="images/pic_6vt.jpg" alt="" title=""></span><em><img src="images/pic_6v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait7"><span><img src="images/pic_7vt.jpg" alt="" title=""></span><em><img src="images/pic_7v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait8"><span><img src="images/pic_8vt.jpg" alt="" title=""></span><em><img src="images/pic_8v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait9"><span><img src="images/pic_9vt.jpg" alt="" title=""></span><em><img src="images/pic_9v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait10"><span><img src="images/pic_10vt.jpg" alt="" title=""></span><em><img src="images/pic_10v.jpg" alt="" title=""></em></a>
</li>
</ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>


Voilà la base ^^





swan_signature

Site web    
benjah Membre non connecté

EDN Intéressé(e)

Rang

Avatar

Inscrit le : 17/04/2011 à 17h56

Messages: 59

Le 16/06/2011 à 14h43
:désolé j'y arrive pas quand même.

pff j'y suis dessus depuis ce matin et rien n'y fait.

Voici le code pour voir ce qui va pas:

Code TEXT :
[html] 
 
 
<link rel="stylesheet" href="../templates/roots-design/theme/gallery.css" type="text/css" media="screen, print, handheld" />
 
 
<div id="info">
<div class="menu2">
<dl>
<dt><span>CSS </span><em><i>p</i>lay</em></dt>
<dd>Un diaporama photo de 100 images</dd>
<dd>Passez la souris sur les onglets ci-dessous, la mention # 1 à # 10 vous permet d'afficher une série de dix images, ci-dessus l'onglet dans un format <em>paysage</em>.<br/>Cela peut être tous les paysages, les portraits, ou un mélange des deux.</dd>
<dd>Cliquez sur la souris sur l'une de ces photos miniatures pour voir les 640 x 480 pixels en taille photographie projetée sur la zone au-dessus de la vignette.<br/>NOTE: 
Les utilisateurs de <font color="#0000FF">Safari</font> et <font color="#0000FF">Opera</font> devront garder le bouton de la souris enfoncé pour voir l'image.</dd>
<dd>Pour voir une autre image en taille réelle, cliquez simplement sur une autre miniature ou sélectionner un autre onglet et cliquez sur l'une de la nouvelle série de dix images. Utilisateurs d'Opera et Safari, libérez le bouton de la souris et sélectionnez un autre aperçu. </dd>
<dd>Tous, les photos sont <a href="http://www.dreamstime.com/">
<font color="#FF0000">Dreamstime</font></a><font color="#FF0000">,</font> les droits d'auteur et leurs photographes, 
vous demandes de respecter leurs travails.</dd>
<dd>Copyright ©2006/2007 Stu Nicholls</dd>
</dl>
<ul>
<li><a href="#nogo">#1<!--[if IE 7]><!--></a><!--<![endif]--><b>Gallery #1</b>
<table><tbody><tr><td>
<ul>
<li>
<a class="vert" href="#portrait1"><span><img src="../images/pic_1vt.jpg" alt="" title=""></span><em><img src="../images/pic_1v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait2"><span><img src="images/pic_2vt.jpg" alt="" title=""></span><em><img src="images/pic_2v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait3"><span><img src="images/pic_3vt.jpg" alt="" title=""></span><em><img src="images/pic_3v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait4"><span><img src="images/pic_4vt.jpg" alt="" title=""></span><em><img src="images/pic_4v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait5"><span><img src="images/pic_5vt.jpg" alt="" title=""></span><em><img src="images/pic_5v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait6"><span><img src="images/pic_6vt.jpg" alt="" title=""></span><em><img src="images/pic_6v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait7"><span><img src="images/pic_7vt.jpg" alt="" title=""></span><em><img src="images/pic_7v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait8"><span><img src="images/pic_8vt.jpg" alt="" title=""></span><em><img src="images/pic_8v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait9"><span><img src="images/pic_9vt.jpg" alt="" title=""></span><em><img src="images/pic_9v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait10"><span><img src="images/pic_10vt.jpg" alt="" title=""></span><em><img src="images/pic_10v.jpg" alt="" title=""></em></a>
</li>
</ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="#nogo">#2<!--[if IE 7]><!--></a><!--<![endif]--><b>Gallery #2</b>
<table><tbody><tr><td>
<ul>
<li>
<a class="horiz" href="#lscape1"><span><img src="images/pic_1ht.jpg" alt="" title=""></span><em><img src="images/pic_1h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape2"><span><img src="images/pic_2ht.jpg" alt="" title=""></span><em><img src="images/pic_2h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape3"><span><img src="images/pic_3ht.jpg" alt="" title=""></span><em><img src="images/pic_3h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape4"><span><img src="images/pic_4ht.jpg" alt="" title=""></span><em><img src="images/pic_4h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape5"><span><img src="images/pic_5ht.jpg" alt="" title=""></span><em><img src="images/pic_5h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape6"><span><img src="images/pic_6ht.jpg" alt="" title=""></span><em><img src="images/pic_6h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape7"><span><img src="images/pic_7ht.jpg" alt="" title=""></span><em><img src="images/pic_7h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape8"><span><img src="images/pic_8ht.jpg" alt="" title=""></span><em><img src="images/pic_8h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape9"><span><img src="images/pic_9ht.jpg" alt="" title=""></span><em><img src="images/pic_9h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape10"><span><img src="images/pic_10ht.jpg" alt="" title=""></span><em><img src="images/pic_10h.jpg" alt="" title=""></em></a>
</li>
</ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="#nogo">#3<!--[if IE 7]><!--></a><!--<![endif]--><b>Gallery #3</b>
<table><tbody><tr><td>
<ul>
<li>
<a class="vert" href="#portrait11"><span><img src="images/pic_11vt.jpg" alt="" title=""></span><em><img src="images/pic_11v.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape11"><span><img src="images/pic_11ht.jpg" alt="" title=""></span><em><img src="images/pic_11h.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait12"><span><img src="images/pic_12vt.jpg" alt="" title=""></span><em><img src="images/pic_12v.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape12"><span><img src="images/pic_12ht.jpg" alt="" title=""></span><em><img src="images/pic_12h.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait13"><span><img src="images/pic_13vt.jpg" alt="" title=""></span><em><img src="images/pic_13v.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape13"><span><img src="images/pic_13ht.jpg" alt="" title=""></span><em><img src="images/pic_13h.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait14"><span><img src="images/pic_14vt.jpg" alt="" title=""></span><em><img src="images/pic_14v.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape14"><span><img src="images/pic_14ht.jpg" alt="" title=""></span><em><img src="images/pic_14h.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait15"><span><img src="images/pic_15vt.jpg" alt="" title=""></span><em><img src="images/pic_15v.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape15"><span><img src="images/pic_15ht.jpg" alt="" title=""></span><em><img src="images/pic_15h.jpg" alt="" title=""></em></a>
</li>
</ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="#nogo">#4<!--[if IE 7]><!--></a><!--<![endif]--><b>Gallery #4</b>
<table><tbody><tr><td>
<ul>
<li>
<a class="horiz" href="#lscape16"><span><img src="images/pic_16ht.jpg" alt="" title=""></span><em><img src="images/pic_16h.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait16"><span><img src="images/pic_16vt.jpg" alt="" title=""></span><em><img src="images/pic_16v.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape17"><span><img src="images/pic_17ht.jpg" alt="" title=""></span><em><img src="images/pic_17h.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait17"><span><img src="images/pic_17vt.jpg" alt="" title=""></span><em><img src="images/pic_17v.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape18"><span><img src="images/pic_18ht.jpg" alt="" title=""></span><em><img src="images/pic_18h.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait18"><span><img src="images/pic_18vt.jpg" alt="" title=""></span><em><img src="images/pic_18v.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape19"><span><img src="images/pic_19ht.jpg" alt="" title=""></span><em><img src="images/pic_19h.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait19"><span><img src="images/pic_19vt.jpg" alt="" title=""></span><em><img src="images/pic_19v.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape20"><span><img src="images/pic_20ht.jpg" alt="" title=""></span><em><img src="images/pic_20h.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait20"><span><img src="images/pic_20vt.jpg" alt="" title=""></span><em><img src="images/pic_20v.jpg" alt="" title=""></em></a>
</li>
</ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="#nogo">#5<!--[if IE 7]><!--></a><!--<![endif]--><b>Gallery #5</b>
<table><tbody><tr><td>
<ul>
<li>
<a class="horiz" href="#lscape21"><span><img src="images/pic_21ht.jpg" alt="" title=""></span><em><img src="images/pic_21h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape22"><span><img src="images/pic_22ht.jpg" alt="" title=""></span><em><img src="images/pic_22h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape23"><span><img src="images/pic_23ht.jpg" alt="" title=""></span><em><img src="images/pic_23h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape24"><span><img src="images/pic_24ht.jpg" alt="" title=""></span><em><img src="images/pic_24h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape25"><span><img src="images/pic_25ht.jpg" alt="" title=""></span><em><img src="images/pic_25h.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait21"><span><img src="images/pic_21vt.jpg" alt="" title=""></span><em><img src="images/pic_21v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait22"><span><img src="images/pic_22vt.jpg" alt="" title=""></span><em><img src="images/pic_22v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait23"><span><img src="images/pic_23vt.jpg" alt="" title=""></span><em><img src="images/pic_23v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait24"><span><img src="images/pic_24vt.jpg" alt="" title=""></span><em><img src="images/pic_24v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait25"><span><img src="images/pic_25vt.jpg" alt="" title=""></span><em><img src="images/pic_25v.jpg" alt="" title=""></em></a>
</li>
</ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="#nogo">#6<!--[if IE 7]><!--></a><!--<![endif]--><b>Gallery #6</b>
<table><tbody><tr><td>
<ul>
<li>
<a class="vert" href="#portrait26"><span><img src="images/pic_26vt.jpg" alt="" title=""></span><em><img src="images/pic_26v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait27"><span><img src="images/pic_27vt.jpg" alt="" title=""></span><em><img src="images/pic_27v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait28"><span><img src="images/pic_28vt.jpg" alt="" title=""></span><em><img src="images/pic_28v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait29"><span><img src="images/pic_29vt.jpg" alt="" title=""></span><em><img src="images/pic_29v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait30"><span><img src="images/pic_30vt.jpg" alt="" title=""></span><em><img src="images/pic_30v.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape26"><span><img src="images/pic_26ht.jpg" alt="" title=""></span><em><img src="images/pic_26h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape27"><span><img src="images/pic_27ht.jpg" alt="" title=""></span><em><img src="images/pic_27h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape28"><span><img src="images/pic_28ht.jpg" alt="" title=""></span><em><img src="images/pic_28h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape29"><span><img src="images/pic_29ht.jpg" alt="" title=""></span><em><img src="images/pic_29h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape30"><span><img src="images/pic_30ht.jpg" alt="" title=""></span><em><img src="images/pic_30h.jpg" alt="" title=""></em></a>
</li>
</ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="#nogo">#7<!--[if IE 7]><!--></a><!--<![endif]--><b>Gallery #7</b>
<table><tbody><tr><td>
<ul>
<li>
<a class="horiz" href="#lscape31"><span><img src="images/pic_31ht.jpg" alt="" title=""></span><em><img src="images/pic_31h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape32"><span><img src="images/pic_32ht.jpg" alt="" title=""></span><em><img src="images/pic_32h.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait31"><span><img src="images/pic_31vt.jpg" alt="" title=""></span><em><img src="images/pic_31v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait32"><span><img src="images/pic_32vt.jpg" alt="" title=""></span><em><img src="images/pic_32v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait33"><span><img src="images/pic_33vt.jpg" alt="" title=""></span><em><img src="images/pic_33v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait34"><span><img src="images/pic_34vt.jpg" alt="" title=""></span><em><img src="images/pic_34v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait35"><span><img src="images/pic_35vt.jpg" alt="" title=""></span><em><img src="images/pic_35v.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape33"><span><img src="images/pic_33ht.jpg" alt="" title=""></span><em><img src="images/pic_33h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape34"><span><img src="images/pic_34ht.jpg" alt="" title=""></span><em><img src="images/pic_34h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape35"><span><img src="images/pic_35ht.jpg" alt="" title=""></span><em><img src="images/pic_35h.jpg" alt="" title=""></em></a>
</li>
</ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="#nogo">#8<!--[if IE 7]><!--></a><!--<![endif]--><b>Gallery #8</b>
<table><tbody><tr><td>
<ul>
<li>
<a class="horiz" href="#lscape36"><span><img src="images/pic_36ht.jpg" alt="" title=""></span><em><img src="images/pic_36h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape37"><span><img src="images/pic_37ht.jpg" alt="" title=""></span><em><img src="images/pic_37h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape38"><span><img src="images/pic_38ht.jpg" alt="" title=""></span><em><img src="images/pic_38h.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait36"><span><img src="images/pic_36vt.jpg" alt="" title=""></span><em><img src="images/pic_36v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait37"><span><img src="images/pic_37vt.jpg" alt="" title=""></span><em><img src="images/pic_37v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait38"><span><img src="images/pic_38vt.jpg" alt="" title=""></span><em><img src="images/pic_38v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait39"><span><img src="images/pic_39vt.jpg" alt="" title=""></span><em><img src="images/pic_39v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait40"><span><img src="images/pic_40vt.jpg" alt="" title=""></span><em><img src="images/pic_40v.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape39"><span><img src="images/pic_39ht.jpg" alt="" title=""></span><em><img src="images/pic_39h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape40"><span><img src="images/pic_40ht.jpg" alt="" title=""></span><em><img src="images/pic_40h.jpg" alt="" title=""></em></a>
</li>
</ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="#nogo">#9<!--[if IE 7]><!--></a><!--<![endif]--><b>Gallery #9</b>
<table><tbody><tr><td>
<ul>
<li>
<a class="vert" href="#portrait41"><span><img src="images/pic_41vt.jpg" alt="" title=""></span><em><img src="images/pic_41v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait42"><span><img src="images/pic_42vt.jpg" alt="" title=""></span><em><img src="images/pic_42v.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape41"><span><img src="images/pic_41ht.jpg" alt="" title=""></span><em><img src="images/pic_41h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape42"><span><img src="images/pic_42ht.jpg" alt="" title=""></span><em><img src="images/pic_42h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape43"><span><img src="images/pic_43ht.jpg" alt="" title=""></span><em><img src="images/pic_43h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape44"><span><img src="images/pic_44ht.jpg" alt="" title=""></span><em><img src="images/pic_44h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape45"><span><img src="images/pic_45ht.jpg" alt="" title=""></span><em><img src="images/pic_45h.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait43"><span><img src="images/pic_43vt.jpg" alt="" title=""></span><em><img src="images/pic_43v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait44"><span><img src="images/pic_44vt.jpg" alt="" title=""></span><em><img src="images/pic_44v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait45"><span><img src="images/pic_45vt.jpg" alt="" title=""></span><em><img src="images/pic_45v.jpg" alt="" title=""></em></a>
</li>
</ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="#nogo">#10<!--[if IE 7]><!--></a><!--<![endif]--><b>Gallery #10</b>
<table><tbody><tr><td>
<ul>
<li>
<a class="vert" href="#portrait46"><span><img src="images/pic_46vt.jpg" alt="" title=""></span><em><img src="images/pic_46v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait47"><span><img src="images/pic_47vt.jpg" alt="" title=""></span><em><img src="images/pic_47v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait48"><span><img src="images/pic_48vt.jpg" alt="" title=""></span><em><img src="images/pic_48v.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape46"><span><img src="images/pic_46ht.jpg" alt="" title=""></span><em><img src="images/pic_46h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape47"><span><img src="images/pic_47ht.jpg" alt="" title=""></span><em><img src="images/pic_47h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape48"><span><img src="images/pic_48ht.jpg" alt="" title=""></span><em><img src="images/pic_48h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape49"><span><img src="images/pic_49ht.jpg" alt="" title=""></span><em><img src="images/pic_49h.jpg" alt="" title=""></em></a>
<a class="horiz" href="#lscape50"><span><img src="images/pic_50ht.jpg" alt="" title=""></span><em><img src="images/pic_50h.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait49"><span><img src="images/pic_49vt.jpg" alt="" title=""></span><em><img src="images/pic_49v.jpg" alt="" title=""></em></a>
<a class="vert" href="#portrait50"><span><img src="images/pic_50vt.jpg" alt="" title=""></span><em><img src="images/pic_50v.jpg" alt="" title=""></em></a>
</li>
</ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
</ul>
</div> <!-- end of menu2 -->
</div> <!-- end of info -->
 
[/html]
Edité par benjah Le 16/06/2011 à 14h45
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 16/06/2011 à 15h03
Ou as tu placé les images? Donne moi le chemin complet s'il te plait ...


swan_signature

Site web    
benjah Membre non connecté

EDN Intéressé(e)

Rang

Avatar

Inscrit le : 17/04/2011 à 17h56

Messages: 59

Le 16/06/2011 à 15h09
../templates/mon-thème/theme/images/mon-image.jpg

   
benjah Membre non connecté

EDN Intéressé(e)

Rang

Avatar

Inscrit le : 17/04/2011 à 17h56

Messages: 59

Le 16/06/2011 à 16h29
je sais pas ce que j'ai fait, mais le diaporama 100 photos marche.
Par contre pour la lightbox, ya un problème. on ne voit que les onglets, le tableau en dessous sort du cadre du content. le content de ma page ne suis pas.

   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 17/06/2011 à 06h46
Bonjour Benjah,

Tu peux me faire un screen ??


swan_signature

Site web    
benjah Membre non connecté

EDN Intéressé(e)

Rang

Avatar

Inscrit le : 17/04/2011 à 17h56

Messages: 59

Le 17/06/2011 à 07h45
Bonjour swan.

Voici une capture:



Comme tu peux le remarquer on voit les onglet. Puis si je passe dessus on voit le tableau de dessous avec les images, mais il est tronqué car le page content ne s'allonge pas vers le bas.

J'espère que j'arrive à me faire comprendre.

   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 17/06/2011 à 08h00
Tu travailles en locale ?


swan_signature

Site web    
benjah Membre non connecté

EDN Intéressé(e)

Rang

Avatar

Inscrit le : 17/04/2011 à 17h56

Messages: 59

Le 17/06/2011 à 08h08
Re.

Oui je travaille en local.
Et maintenant que tu le dis, j'ai essayé sur le site et ya aucun problème.
Je comprend pas pourquoi en local çà marche pas mais bon.

Deux petites questions à ce sujet. Puis je mettre des url pour mes images plutôt que de les stocker sur le pbt ? Et puis je installer la lightbox2 ou un diaporama dans la galerie ?

Merci beaucoup.

Le sujet est réglé.
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 17/06/2011 à 08h28
Re ^^

Citation:
Puis je mettre des url pour mes images plutôt que de les stocker sur le pbt ?


Oui si tu ré-attribues le chemin de celles-ci dans le codage de la page.

Citation:
Et puis je installer la lightbox2 ou un diaporama dans la galerie ?


Pour le lightbox c'est possible et pour les pages et la galerie, mais ça c'est pas moi qui l'est mis en place sur CsN.


swan_signature

Site web    
saturnin Membre non connecté

Administrateur

Rang

Avatar

Administrateur

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 17/06/2011 à 13h16
Citation:
un diaporama dans la galerie ?


si tu touche en php et xhtml tout est faisable, ou presque :)


signaturesaturnin


Accroche toi au clavier, je retire le shell...
Site web    
benjah Membre non connecté

EDN Intéressé(e)

Rang

Avatar

Inscrit le : 17/04/2011 à 17h56

Messages: 59

Le 22/06/2011 à 15h57
je reviens vers vous au sujet de lightbox.

Je viens de m'apercevoir que j'ai un problème sur la qualitées de mes images.
Elles ne ressortent pas comme les originales. J'ai une grosse perte de qualitée. Ca me fait des petit points blanc un peu partout.

Es-ce normal ?
   
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie