Ciao....
sto usando questo script per mostrare delle gallerie di foto. Il problema è che utilizzando la configurazione suggerita dal sito di riferimento mi accade una cosa non voluta.
Visualizzo in unica slide TUTTE le immagini della pagina (thumbnail) e delle gallery associate (4 complete e divise in cartelle separate) che vorrei tenere chiaramente ognuna per se, questo nonostante le variabili hanno nomi differenti.
Esiste un modo per tenerle separate?
Grazie in anticipo
Allego esempio:
<script type="text/javascript" src="js/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="css/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'js/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.numberPosition = 'caption';
hs.dimmingOpacity = 0.75;
// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .75,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>
<!--- INIZIO PRIMA GALLERY--->
<p align=justify><img src="my bikes/marin/thumb1.JPG" alt="Marin Nail Trail 29"" title="Click to enlarge" style="float:left" />
<font color="#FF0000">2011 -></font><a id="thumb1" href="my bikes/marin/P1000026.JPG" class="highslide"
onclick="return hs.expand(this)">MARIN NAIL TRAIL 29"</a>
<div class="hidden-container">
<a href="my bikes/marin/P1000027.JPG" class="highslide" onclick="return hs.expand(this, { thumbnailId: 'thumb1' })"></a>
<div class="highslide-caption">
ipsum dolor sit amet, consectetur adipiscing
</div>
<a href="my bikes/marin/P1000029.JPG" class="highslide" onclick="return hs.expand(this, { thumbnailId: 'thumb1' })"></a>
<div class="highslide-caption">
Caption for the third image.
</div>
<a href="my bikes/marin/P1000030.JPG" class="highslide" onclick="return hs.expand(this, { thumbnailId: 'thumb1' })"></a>
<div class="highslide-caption">
Caption for the third image.
</div>
<!--- FINE PRIMA GALLERY--->
<!--- INIZIO SECONDA GALLERY--->
<p align=justify><a id="thumb2" href="my bikes/dahon/uno.jpg" class="highslide"
onclick="return hs.expand(this)">
<img src="my bikes/dahon/thumb2.jpg" alt="Dahon Mu Uno" title="Click to enlarge" style="float:left" /></a>
<div class="hidden-container">
<a href="my bikes/dahon/uno_uno.jpg" class="highslide" onclick="return hs.expand(this, { thumbnailId: 'thumb2' })"></a>
<div class="highslide-caption">
ipsum dolor sit amet, consectetur adipiscing
</div>
</div>
<!--- FINE SECONDA GALLERY--->
sto usando questo script per mostrare delle gallerie di foto. Il problema è che utilizzando la configurazione suggerita dal sito di riferimento mi accade una cosa non voluta.
Visualizzo in unica slide TUTTE le immagini della pagina (thumbnail) e delle gallery associate (4 complete e divise in cartelle separate) che vorrei tenere chiaramente ognuna per se, questo nonostante le variabili hanno nomi differenti.
Esiste un modo per tenerle separate?
Grazie in anticipo
Allego esempio:
<script type="text/javascript" src="js/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="css/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'js/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.numberPosition = 'caption';
hs.dimmingOpacity = 0.75;
// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .75,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>
<!--- INIZIO PRIMA GALLERY--->
<p align=justify><img src="my bikes/marin/thumb1.JPG" alt="Marin Nail Trail 29"" title="Click to enlarge" style="float:left" />
<font color="#FF0000">2011 -></font><a id="thumb1" href="my bikes/marin/P1000026.JPG" class="highslide"
onclick="return hs.expand(this)">MARIN NAIL TRAIL 29"</a>
<div class="hidden-container">
<a href="my bikes/marin/P1000027.JPG" class="highslide" onclick="return hs.expand(this, { thumbnailId: 'thumb1' })"></a>
<div class="highslide-caption">
ipsum dolor sit amet, consectetur adipiscing
</div>
<a href="my bikes/marin/P1000029.JPG" class="highslide" onclick="return hs.expand(this, { thumbnailId: 'thumb1' })"></a>
<div class="highslide-caption">
Caption for the third image.
</div>
<a href="my bikes/marin/P1000030.JPG" class="highslide" onclick="return hs.expand(this, { thumbnailId: 'thumb1' })"></a>
<div class="highslide-caption">
Caption for the third image.
</div>
<!--- FINE PRIMA GALLERY--->
<!--- INIZIO SECONDA GALLERY--->
<p align=justify><a id="thumb2" href="my bikes/dahon/uno.jpg" class="highslide"
onclick="return hs.expand(this)">
<img src="my bikes/dahon/thumb2.jpg" alt="Dahon Mu Uno" title="Click to enlarge" style="float:left" /></a>
<div class="hidden-container">
<a href="my bikes/dahon/uno_uno.jpg" class="highslide" onclick="return hs.expand(this, { thumbnailId: 'thumb2' })"></a>
<div class="highslide-caption">
ipsum dolor sit amet, consectetur adipiscing
</div>
</div>
<!--- FINE SECONDA GALLERY--->