Highslide
4 participants
Le Forum du Zèbre et des Zamiboostiens :: :: :: Assistance Logiciels de Création de sites :: Autres logiciels de création de sites web :: Editeurs de Galeries et diaporamas
Page 1 sur 1
Highslide
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:
Edit microbull : @Devon et James j'ai fait la modification pour que le code soit lisible
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
-
Nombre de messages : 3
Age : 32
Ville (CP) : 84440
Date d'inscription : 28/05/2009
Re: Highslide
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
.
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
.
Re: Highslide
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
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
Re: Highslide
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
ps:microbull merci pour la modification
devon- Cool... j'suis nouveau
-
Nombre de messages : 3
Age : 32
Ville (CP) : 84440
Date d'inscription : 28/05/2009
Re: Highslide
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.
@ +
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.
@ +
Re: Highslide
Merci Babyl, maintenant sa marche.
devon- Cool... j'suis nouveau
-
Nombre de messages : 3
Age : 32
Ville (CP) : 84440
Date d'inscription : 28/05/2009
Re: Highslide
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.
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.
Re: Highslide
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.
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.
Le Forum du Zèbre et des Zamiboostiens :: :: :: Assistance Logiciels de Création de sites :: Autres logiciels de création de sites web :: Editeurs de Galeries et diaporamas
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum