Highslide

par devon le Jeu 28 Mai 2009 - 22:33

Bonjour,
J'ai mit 1 visionneuse highslide, la visioneuse marche en local mais lorsque je la met sur mn serveur free elle ne marche plus
voila le code de ma page:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Fuentes Fréres</title> <link href="file:///C|/Users/Devon/Desktop/Sanstitre-1.css" rel="stylesheet" type="text/css" /> <link href="style1.css" rel="stylesheet" type="text/css" />  <script type="text/javascript" src="../highslide/highslide-with-gallery.js"></script> <link rel="stylesheet" type="text/css" href="../highslide/highslide.css" />   <script type="text/javascript"> hs.graphicsDir = '../highslide/graphics/'; hs.align = 'center'; hs.transitions = ['expand', 'crossfade']; hs.fadeInOut = true; hs.dimmingOpacity = 0.8; hs.outlineType = 'rounded-white'; hs.captionEval = 'this.thumb.alt'; hs.marginBottom = 105 // make room for the thumbstrip and the controls hs.numberPosition = 'caption'; // Add the slideshow providing the controlbar and the thumbstrip hs.addSlideshow({ //slideshowGroup: 'group1', interval: 5000, repeat: false, useControls: true, overlayOptions: { className: 'text-controls', position: 'bottom center', relativeTo: 'viewport', offsetY: -60 }, thumbstrip: { position: 'bottom center', mode: 'horizontal', relativeTo: 'viewport' } }); </script> </head> <body> <table width="1002" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <th colspan="7" scope="col"><img src="images/banniere.png" width="1001" height="101" /></th> </tr> <tr> <td width="75"><img src="images/debut.png" width="75" height="22" /></td> <td width="90"><a href="index.html"><img src="images/accueil.png" width="90" height="22" border="0" /></a></td> <td width="112"><a href="engins.html"><img src="images/engins.png" width="111" height="22" border="0" /></a></td> <td width="99"><img src="images/photo2.png" width="99" height="22" /></td> <td width="97"><a href="video.php"><img src="images/video.png" width="97" height="22" border="0" /></a></td> <td width="116"><a href="Sanstitre-1.php"><img src="images/accueil.png" width="90" height="22" border="0" /></a></td> <td width="414"><img src="images/fin.png" width="414" height="22" /></td> </tr> <tr> <td height="552" colspan="7" class="new"> <table width="989" height="550" border="0"> <tr> <td width="680"> <div class="highslide-gallery" style="width: 470px; margin: auto">  <a class='highslide' href='images/machine/forestier01.JPG' onclick="return hs.expand(this)"> <img src='images/machine/forestier01.png' alt='Mountain valley' width="72" height="54"/></a> <a class='highslide' href='images/machine/forestier02.jpg' onclick="return hs.expand(this)"> <img src='images/machine/forestier02.png' alt='Windy landscape' width="72" height="54"/></a> <a class='highslide' href='images/machine/forestier03.jpg' onclick="return hs.expand(this)"> <img src='images/machine/forestier03.png' alt='Sunset in the mountain'/></a> <a class='highslide' href='images/machine/forestier04.jpg' onclick="return hs.expand(this)"> <img src='images/machine/forestier04.png' alt='Resting skier'/></a> <a class='highslide' href='images/machine/forestier05.jpg' onclick="return hs.expand(this)"> <img src='images/machine/forestier05.png' alt='Contemplating dog'/></a> <a class='highslide' href='images/machine/forestier06.jpg' onclick="return hs.expand(this)"> <img src='images/machine/forestier06.png' alt='Cabins'/></a> <a class='highslide' href='images/machine/peche01.jpg' onclick="return hs.expand(this)"> <img src='images/machine/peche01.png' alt='Dark skies in sunny landscape'/></a> <a class='highslide' href='images/machine/merlo01.jpg' onclick="return hs.expand(this)"> <img src='images/machine/merlo01.png' alt='Blue sky'/></a> <a class='highslide' href='images/machine/merlo02.jpg' onclick="return hs.expand(this)"> <img src='images/machine/merlo02.png' alt='Ptarmigan'/></a> <a class='highslide' href='images/machine/merlo04.jpg' onclick="return hs.expand(this)"> <img src='images/machine/merlo04.png' alt='Two cabins'/></a> <a class='highslide' href='images/machine/merlo05.jpg' onclick="return hs.expand(this)"> <img src='images/machine/merlo05.png' alt='Patterns in the snow'/></a> <a class='highslide' href='images/machine/merlo06.jpg' onclick="return hs.expand(this)"> <img src='images/machine/merlo06.png' alt='vongola' width="72" height="54"/></a> <a class='highslide' href='images/machine/merlo07.jpg' onclick="return hs.expand(this)"> <img src='images/machine/merlo07.png' alt='Old stone cabins'/></a> <a class='highslide' href='images/machine/merlo08.jpg' onclick="return hs.expand(this)"> <img src='images/machine/merlo08.png' alt='A litte open water'/></a> <a class='highslide' href='images/machine/merlo09.jpg' onclick="return hs.expand(this)"> <img src='images/machine/merlo09.png' alt='Dipper'/></a> <a class='highslide' href='images/machine/merlo10.jpg' onclick="return hs.expand(this)"> <img src='images/machine/merlo10.png' alt='Dipper'/></a> <a class='highslide' href='.images/machine/merlo03.jpg' onclick="return hs.expand(this)"> <img src='images/machine/merlo03.png' alt='Ptarmigans'/></a></span></div></td> <td width="274"> </td> </tr> </table></td> </tr> </table> </body> </html>

Edit microbull : @Devon et James j'ai fait la modification pour que le code soit lisible

par **james** le Jeu 28 Mai 2009 - 23:24

Bonsoir Devon,

Oooops ! Y a comme du télescopage de code !
Mets nous le code encadré par les balises ad hoc, s'il te plait :
** tu édites ton message,
** puis tu selectes le bout de code
** et tu cliques sur

... pour avoir les balises qui vont isoler ton exemple du code de la page du forum.
Commes tu vois, là, cela interfère !

Merci de nous faire cela

Cordialement
.

par **microbull** le Ven 29 Mai 2009 - 7:32

Bonjour devon

Avant de pouvoir te donner une réponse peux tu nous dire avec quel logiciel as tu réalisé ton site.
Est-ce du Cariboost si oui quelle version V1, v2 ou WA as tu une license Free, premium ou pro.
Merci pour ta réponse le mieux serait que tu nous indiques l'URL de ton site.

Cordialement.
Microbull

par devon le Ven 29 Mai 2009 - 7:49

Pour créer mon site j'ai utilisé Dreamweaver cs4, l'urldu site http://fuentesfreres.free.fr/fuentes/photo.html , j'ai la version gratuite de free.

ps:microbull merci pour la modification

par **Babyl** le Ven 29 Mai 2009 - 8:36

Bonjour Davon
Tu as un problème de chemin vers les grandes images
tu as mis dans ton code .jpg alors que tes images sont en .JPG remplace dans ton code tes extensions par des majuscules.
Si il n'y a pas d'autres soucis, ça devrait marcher.

@ +

par devon le Ven 29 Mai 2009 - 17:24

Merci Babyl, maintenant sa marche.

par **microbull** le Ven 29 Mai 2009 - 17:40

Bonsoir devon

Effectivement ça marche maintenant mais tu as certainement oublié de modifier l'extension de la dernière Photo car elle ne se charge pas.
Cordialement.
Microbull.

par **microbull** le Ven 29 Mai 2009 - 17:44

Re bonsoir

Il y a aussi un petit problème de taille de la fenêtre pour la photo 5/17 (plus petite que les autres)

Cordialement.
Microbull.

Highslide

Highslide

Re: Highslide

Re: Highslide

Re: Highslide

Re: Highslide

Re: Highslide

Re: Highslide

Re: Highslide