Diskuse

Téma: Highslide galerie

K4c2 (12.9.2010 10:38)

Zdravím,
už se to tu několikrát řešilo, ale přesto si myslím, že se mnoha lidem nepovedlo implementovat Highslide galerii do verze 7.4.2. Jelikož na mých webových stránkách prezentuji své fotografie, potřebuji, aby jejich prezentace byla pokud možno co nejefektnější. Věřím, že jsou zde lidé, kteří kódu nerozumí tak dokonale, byť si leccos dovedou vytvořit (jako třeba já:-)), ale i "mágové", kterým úprava kódu nedělá sebemenší problém.
Proto bych rád poprosil jednoho ze zdějších "ostřílenějších" uživatelů, zda by se neobětoval a nesepsal nějaký srozumitelný návod na implementaci Highslide (či jiné efektní a hlavně rychlé galerie) do Sunlight CMS pro ostatní, kteří se v php kódu tolik neorientují.
Implementaci jsem zkoušel nesčetněkrát - pokaždé neúspěšně.:-/

Předem děkuji za sebe i za ostatní, kteří touží mít na webu působivější galerii.

Zaslat odpověď

jval (13.9.2010 8:07)

Takže:
1. Stáhnu highslide http://highslide.com/download.php
2. Ve složce remote vytvoří složku highslide a do ní nahraju soubor highslide-full.js, highslide.css a celou složku graphics.
3. V souboru require/functions-template.php tento kus kodu:if(_lightbox){
echo '
<link rel="stylesheet" href="'._indexroot.'remote/lightbox/style.css" type="text/css" media="screen" />
<script type="text/javascript" src="'._indexroot.'remote/lightbox/prototype.js"></script>
<script type="text/javascript" src="'._indexroot.'remote/lightbox/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="'._indexroot.'remote/lightbox/lightbox.js"></script>';
}nahradím tímto kusem kodu:if(_lightbox){
echo '
<link rel="stylesheet" href="'._indexroot.'remote/lightbox/style.css" type="text/css" media="screen" />
<script type="text/javascript" src="'._indexroot.'remote/lightbox/prototype.js"></script>
<script type="text/javascript" src="'._indexroot.'remote/lightbox/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="'._indexroot.'remote/lightbox/lightbox.js"></script>
<script type="text/javascript" src="'._indexroot.'remote/highslide/highslide-full.js"></script>
<link rel="stylesheet" type="text/css" href="'._indexroot.'remote/highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = "'._indexroot.'remote/highslide/graphics/";
hs.outlineType = "rounded-white";
hs.align = "center";
hs.dimmingOpacity = 0.4;
hs.transitions = ["expand", "crossfade"];

hs.addSlideshow({
interval: 5000,
useControls: true,
fixedControls: "fit",
overlayOptions : {
position: "bottom center",
hideOnMouseOut: true
}
});
</script>';
}

jval (13.9.2010 8:08)

4. V souboru require/functions.php tento kus kódu:function _galleryImage($img, $lightboxid, $height=0){
$content="<a href='".(!_isAbsolutePath($img['prev'])?_indexroot:'').$img['full']."' target='_blank' rel='lightbox[".$lightboxid."]'".(($img['title']!="")?" title='".$img['title']."'":'').">";
if($img['prev']!=""){$content.="<img src='".(!_isAbsolutePath($img['prev'])?_indexroot:'').$img['prev']."' alt='".(($img['title']!="")?$img['title']:"img")."' />";}
else{$content.="<img src='"._indexroot."remote/imgprev.php?id=".$img['id'].(($height!=0)?"&h=".$height:'')."' alt='".(($img['title']!="")?$img['title']:"img")."' />";}
$content.="</a>\n";
return $content;
}nahradím tímto kusem kódu:function _galleryImage($img, $lightboxid, $height=0){
$content="<a href='".(!_isAbsolutePath($img['prev'])?_indexroot:'').$img['full']."' target='_blank' class='highslide' onclick='return hs.expand(this)'".(($img['title']!="")?" title='".$img['title']."'":'').">";
if($img['prev']!=""){$content.="<img src='".(!_isAbsolutePath($img['prev'])?_indexroot:'').$img['prev']."' alt='".(($img['title']!="")?$img['title']:"img")."' />";}
else{$content.="<img src='"._indexroot."remote/imgprev.php?id=".$img['id'].(($height!=0)?"&h=".$height:'')."' alt='".(($img['title']!="")?$img['title']:"img")."' />";}
$content.="</a>\n";
return $content;
}

jval (13.9.2010 8:09)

Jen upozorňuju, že Highslide může zdarma být použito pouze pro nekomerční účely.

K4c2 (13.9.2010 15:29)

Děkuju moc, přesně tohle jsem potřeboval. Už to funguje a konečně si můžu užívat trochu luxusnější galerie.:-) Vážím si Tvé ochoty!

michal (13.9.2010 22:29)

Prosím jak odstranit odkaz v levém horním rohu?...

jval (14.9.2010 5:52)

Jak jsem psal, je to pouze pro nekomerční účely, takže podle mě odkaz dáš pryč jedině tak, že zaplatíš.

jval (14.9.2010 5:59)

A co se týká luxusnější galerie, tak to mi ani nepřijde, protože málo kdo ví, že se dá ovládat klávesnicí a tak se musí trefovat na malou šipku.

To už si tam radši dám colorbox, který jsme implementovali i zde http://labs.studioart.cz/, který je zadarmo (žádné backlinky), klávesnicí se dá ovládat taky a myší můžu klikat kdekoliv na obrázek pro zobrazení dalšího. A slideshow umí taky.