Le Forum du Zèbre et des Zamiboostiens
Le Forum du Zèbre et des Zamiboostiens
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment :
Code promo Nike : -25% dès 50€ ...
Voir le deal

Highslide

4 participants

Aller en bas

Highslide Empty Highslide

Message par devon Jeu 28 Mai 2009 - 23: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" />
<!--
1 ) Reference to the files containing the Javascript and CSS.
These files must be located on your server.
-->

<script type="text/javascript" src="../highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="../highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="../highslide/highslide-ie6.css" />
<![endif]-->



<!--
2) Optionally override the settings defined at the top
of the highslide.js file. The parameter hs.graphicsDir is important!
-->

<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"><!--
3) Put the thumbnails inside a div for styling
-->

<div class="highslide-gallery" style="width: 470px; margin: auto">
<!--
4) This is how you mark up the thumbnail images with an anchor tag around it.
The anchor's href attribute defines the URL of the full-size image. Given the captionEval
option is set to 'this.img.alt', the caption is grabbed from the alt attribute of
the thumbnail image.
-->
<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

devon
Cool... j'suis nouveau
Cool... j'suis nouveau

Poissons Singe
Nombre de messages : 3
Age : 32
Ville (CP) : 84440
Date d'inscription : 28/05/2009

Revenir en haut Aller en bas

Highslide Empty Re: Highslide

Message par james Ven 29 Mai 2009 - 0: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 Highslide 20090528-cdvn-0kb

... 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
.
james
james
Zoologiste

Verseau Singe
Nombre de messages : 1831
Age : 80
Ville (CP) : Au bout des rangs de vigne - Gironde
Date d'inscription : 07/02/2007

http://james.chauveau.free.fr

Revenir en haut Aller en bas

Highslide Empty Re: Highslide

Message par microbull Ven 29 Mai 2009 - 8: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
microbull
microbull
Conservateur
Conservateur

Taureau Chèvre
Nombre de messages : 1635
Age : 81
Ville (CP) : Bourgogne
Date d'inscription : 08/02/2007

http://www.sugarmania.fr

Revenir en haut Aller en bas

Highslide Empty Re: Highslide

Message par devon Ven 29 Mai 2009 - 8: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

devon
Cool... j'suis nouveau
Cool... j'suis nouveau

Poissons Singe
Nombre de messages : 3
Age : 32
Ville (CP) : 84440
Date d'inscription : 28/05/2009

Revenir en haut Aller en bas

Highslide Empty Re: Highslide

Message par B@byl Ven 29 Mai 2009 - 9: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.

@ +
B@byl
B@byl
Conservateur
Conservateur

Nombre de messages : 5926
Ville (CP) : Pas d'entraide par MP ou mail
Date d'inscription : 07/02/2007

https://lezebre.superforum.fr

Revenir en haut Aller en bas

Highslide Empty Re: Highslide

Message par devon Ven 29 Mai 2009 - 18:24

Merci Babyl, maintenant sa marche.

devon
Cool... j'suis nouveau
Cool... j'suis nouveau

Poissons Singe
Nombre de messages : 3
Age : 32
Ville (CP) : 84440
Date d'inscription : 28/05/2009

Revenir en haut Aller en bas

Highslide Empty Re: Highslide

Message par microbull Ven 29 Mai 2009 - 18: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.
microbull
microbull
Conservateur
Conservateur

Taureau Chèvre
Nombre de messages : 1635
Age : 81
Ville (CP) : Bourgogne
Date d'inscription : 08/02/2007

http://www.sugarmania.fr

Revenir en haut Aller en bas

Highslide Empty Re: Highslide

Message par microbull Ven 29 Mai 2009 - 18: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.
microbull
microbull
Conservateur
Conservateur

Taureau Chèvre
Nombre de messages : 1635
Age : 81
Ville (CP) : Bourgogne
Date d'inscription : 08/02/2007

http://www.sugarmania.fr

Revenir en haut Aller en bas

Highslide Empty Re: Highslide

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum