4images Forum & Community
4images Modifications / Modifikationen => Mods & Plugins (Releases & Support) => Topic started by: Rembrandt on March 03, 2014, 07:56:51 AM
-
Hi!
Slideshow with "highslide"
Slideshow for Categories, Lightbox and in the Detailpage can you the background from the image dimming.
Demo (http://galerie.fotografie-erleben.eu/categories.php?cat_id=19&sessionid=a035550f21903e915a3bcbf177c128db)
1.) Copy the files from attachment in your root, note the folder structure
2.) search in header.html:
{if has_rss}
insert above:
<script type="text/javascript" src="./js/highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="./js/highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = './js/highslide/graphics/';
hs.align = 'center';
hs.anchor = 'top';
hs.transitions = ['expand', 'crossfade'];
hs.wrapperClassName = 'dark borderless floating-caption';
hs.fadeInOut = true;
hs.dimmingOpacity = .92;
// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
slideshowGroup:'thumb1',
interval: 3500,
repeat: true,
useControls: true,
//fixedControls: 'fit',
fixedControls: false,
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>
3.) search in your templates/categories.html
<a href="{url_top_images}"><b>{lang_top_images}</b></a>
insert above:
<a href="{media_src}" onclick="return hs.expand(this, {slideshowGroup:'thumb1', autoplay:true})"><b>Slideshow</b></a>
4.) search in your templates/details.html:
{lightbox_button}
insert above:
<a href="{media_src}" onclick="return hs.expand(this, {captionId: 'caption1'})" nowrap >only Image</a>
5.) search in your templates/lightbox.html:
<a href="javascript:clearlightbox()"><b>{lang_delete_lightbox}</b></a>
insert above:
<a href="{media_src}" onclick="return hs.expand(this, {slideshowGroup:'thumb1', autoplay:true})"><b>Slideshow</b></a>
6.) search in your templates/thumbnail_bit.html:
{thumbnail}<br />
insert below:
<a href="{media_src}" onclick="return hs.expand(this,{slideshowGroup:'thumb1',autoplay:true})"></a><br>
mfg Andi
-
Hallo Andy,
Wie immer TOP
Eine Frage, wo kann ich mein Spacer Bild und Wasserzeichen eingeben
LG Harald
Edit:
und zwar in dieser Form eingeloggt/ nicht eingeloggt
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="{media_src}">
{if user_loggedin}<img src="{template_url}/images/spacer.gif" border =" 0" alt="{image_name}" {width_height}usemap="#navi" border="0" vspace="0" hspace="0" align="absmiddle" /><br />{endif user_loggedin}
</td>
<td background="./watermark.php?img={media_src}">
{if user_loggedout}<img src="{template_url}/images/spacer.gif" border =" 0" alt="{image_name}" {width_height}usemap="#navi" border="0" vspace="0" hspace="0" align="absmiddle" /><br />{endif user_loggedout}
</td>
</tr>
</table>
-
Hi!
wenn du in z.b der detals.html statt:
<a href="{media_src}" onclick="return hs.expand(this, {captionId: 'caption1'})" nowrap >only Image</a>
Das schreibst:
<a href="./watermark.php?img={media_src} " onclick="return hs.expand(this, {captionId: 'caption1'})" nowrap >only Image</a>
Funktionert das "Watermark" Bild?
mfg Andi
-
Danke, werde das ? mal ausprobieren :wink:
So, habe es in der Kategorie eingebaut
href="./watermark.php?img={media_src} " onclick="return hs.expand(this, {slideshowGroup:'thumb1', autoplay:true})"><b>Slideshow</b></a>
Das erste Bild klappt auch, nur ab dem 2. ist es wieder ohne Wasserzeichen.
LG
PS. in der detail dreht das Teil dann durch (läd ohne Ende)
brauche es aber auch dort nicht.
-
hm.. versuch mal das gleiche in der thumbnail_bit.html
-
Da wird das Wasserzeichen angezeigt, aber immer, ob eingeloggt, oder nicht.
Aber wie gesagt, wollte ja die Slideshow nutzen, nicht ein einzelnes Bild.
Und da sollte es dann auch so funktionieren wie normal (siehe mein Code)
LG Harald
Habe diesen jetzt in der Thumb. eingebaut
<a href="./watermark.php?img={media_src} " onclick="return hs.expand(this, {slideshowGroup:'thumb1', autoplay:true})"><b>Slideshow</b></a>
Da ist jetzt auf jedem Bild das Wasserzeichen, aber....
auch wenn eingeloggt unds nicht eingeloggt
Edit:
OK, so sollte es gehen
<a href="./watermark.php?img={media_src}&{template_url}/images/spacer.gif" onclick="return hs.expand(this, {slideshowGroup:'thumb1', autoplay:true})"><b>Slideshow</b></a>
jetzt muss ich nur noch hinbekommen, dass das Wasserzeichen halt nur bei nicht eingeloggten angezeigt wird
-
Hallo "rembrandt"
Hab gestern in der 4images 1.7.11 nach Deiner Anleitung die Modifikationen für die Slideshow vorgenommen.
Funktioniert alles soweit, herzliches Danke dafür.
Leider wird der Bildcounter bei der Slideshow nicht aktualisiert.
Gibt es hierfür eine Möglichkeit ?
Auch habe ich keine Möglichkeit gefunden die Parameter für die Show (ausser mit dem Editor) konfortabel zu verwalten.
LG Rainer
Hallo,
leider hat sich Rembrandt schon vor längerer Zeit hier im Forum veranschiedet.
Du wirst also von ihm keine Antwort bekommen.
nobby
-
Hi,
ich kann das da nicht so ganz nachvollziehen.
nobby
-
good code :lol: