slideshow - thumbnails position + bildbeschreibung

**karo** · 10.12.2009, 13:23

hey

ist es möglich bei slideshow die thumbnails an einer anderen position auszugeben?
wie in der angehängtem bild mit skizze hätte ich gerne die thumbnails in der rechten spalte... und in einer art block.

außerdem noch eine frage.... wie funktioniert das mit der bildbeschreibung, muß man jedes einzelne bild dazuladen und beschreiben, oder kann man meta.txt verwenden? oder gibt es eine andere einfache möglichkeit?

danke

**Schlauchbeutelmaschine** · 10.12.2009, 13:57

Hallo Karo,

du müsstest mal diese Anweisung ins Template einfügen und die Werte an die Größe deiner Slideshow anpassen. Die Bildschreibung müsstest du für jedes Bild über die Slideshow erstellen, sonst gibt es keine Möglichkeit.

Code:

    
.slideshow-thumbnails {
    	height: 300px;
    	left: auto;
    	right: -80px;
    	top: 0;
    	width: 70px;
    }
    .slideshow-thumbnails ul {
    	height: 500px;
    	width: 70px;
    }

**karo** · 10.12.2009, 14:12

hallo schlauchbeutelmaschine... ich glaub sabri wars oder...

ins template - warum nicht in die css ?? werd i mir mal ansehen. danke

das mit der bildbeschreibung ist doof -- da werd i ja alt (bin fotografin und die homepage wird hauptsähclich aus fotos bestehen) (vorallem weil ich dann ja auch jedes bild einzelnd einfügen muss)... gibts da absolut keien andere möglichkeit?

thx!!

**Schlauchbeutelmaschine** · 10.12.2009, 16:56

Hallo Karo,

mit Template meine ich das CSS Template der Slideshow.
Du musst es dort ändern damit die Standarteinstellungen überschrieben werden.

Ja das mit der Bildbeschreibung ist nicht so bequem, wäre eine Meta.txt Lösung besser? Was könnte man denn sonst noch machen? IPTC Daten auslesen?

Grüße Sabri

**karo** · 10.12.2009, 21:25

vielen dank sabri für deine antwort!

das mit dem template muß i mir mal anschauen, bisher hab i no nix mit templates gemacht.
und im css kann man das so nicht überschreiben, hab ich das richtig verstanden?

wow so eine frage ist ja cool, denkst du an der nächsten version daran da was zu basteln?
praktisch fände ich meta.txt. ,hab das bisher bei gallerys(innerhalb typolight) verwendet und finds eigentlich sehr praktisch, vorallem kann man da auch die reihenfolge der bilder entscheiden.
bei iptc daten würde dies nicht gehen, und fände ich auch etwas umständlicher, vorallem für solche die keine fotografen sind und nicht wissen was das ist.
meta.txt geht auch schneller, meiner meinung nach.

guats nächtle

**karo** · 11.12.2009, 09:01

noch etwas find ich komisch....
meine bilder entsprechen nicht der größe der eingegebenen Slideshow-Größe, anstatt die bilder "einzufügen", dh auf die gleiche breite gebracht werden sie in die größe gezogen und auf die gleiche höhe gebracht, und rechts und links abgeschnitten
hab ich da was falsch eingestellt?

"Bildgröße anpassen" hab ich probiert, es macht die bilder größer, obwohl sie kleiner werden sollten....

**karo** · 11.12.2009, 09:28

das mit dem template ändern hab i jetzt probiert.
ist aber nicht ganz das was i gerne hätte
vielleicht hab i das schlecht beschrieben.... hätt gern die thumbnails wie in der skizze im rechten bereich .. (die grauen kasteln!!!!) gibt es dazu auch eine lösung?

**planepix** · 11.12.2009, 09:35

Hallo karo,

schau mal das ist hier beantwortet.

**karo** · 11.12.2009, 13:39

planepix ... das ist eine andere extension .... vielleicht funktioniert diese ja anders....

**Schlauchbeutelmaschine** · 11.12.2009, 14:24

Hallo Karo,

also in der angehängten Skizze sind die Thumbnails untendrunter.
Wie sieht denn das Ergebnis aus?

Am besten du erstellst mal eine Skizze wie du es haben willst und wie es jetzt aussieht.

**karo** · 15.12.2009, 17:20

hey

saublöd ... i depp .. hab die falsche datei upgeloadet ... die oben upgeloadete - im 1.thread ist die wie es aussieht, so ists ja einfach hinzubekommen.

hätts gerne so ... jetzt aber die richtige datei .... wie angehängt...

lg

**Schlauchbeutelmaschine** · 17.12.2009, 16:13

Hallo karo,

und jetzt bitte noch einen Screenshot posten wie es mit den CSS Anweisungen aussieht die ich dir zugeschickt hatte. Dann kann ich dir vielleicht sagen was noch angepasst werden muss.

Gruß Sabri

**karo** · 17.12.2009, 17:30

hallo sabri

also hier ists wie es jetzt aussieht ...
und hier ist die template "slideshow2_css_standard.tpl"

vom seitenlayout her gibt es den oberen berreich und darunter 3 bereich
links menu (sieht man kaum)
mitte großes bild
rechts graue textbox und darutner hätt i gern die thumbnails ...

und hier nochmal der ganze code.... (hab nur das verändert was du mir geschrieben hattest!)

Code:

#show<?php echo $this->id; ?> {
	width:<?php echo $this->arrSlideshow2Size[0]; ?>px;	
	height:<?php echo $this->arrSlideshow2Size[1]+$this->arrSlideshow2ThumbSize[1]+45; ?>px;
}
#show<?php echo $this->id; ?> .slideshow-captions {
	bottom:<?php echo $this->arrSlideshow2ThumbSize[1]+45; ?>px;
	width:<?php echo $this->arrSlideshow2Size[0]; ?>px;
}
#show<?php echo $this->id; ?> .slideshow-captions-visible {
	height:20px;
	opacity:1;
}
#show<?php echo $this->id; ?> .slideshow-controller {
	margin:-44px 0 0 -119px;
	top:50%;
}
#show<?php echo $this->id; ?> .slideshow-images {
	width:<?php echo $this->arrSlideshow2Size[0]; ?>px;
	height:<?php echo $this->arrSlideshow2Size[1]; ?>px;
}
<?php if($this->thumbnails == true): ?>
#show<?php echo $this->id; ?> .slideshow-thumbnails {
	height:300px;
	right: -80px;
	width:70px;
	top:0;
	left:auto;
}
#show<?php echo $this->id; ?> .slideshow-thumbnails ul {
	height:500px;
	width:70px;
}
#show<?php echo $this->id; ?> .slideshow-thumbnails li {
	margin:0 5px 0 0;
}
#show<?php echo $this->id; ?> .slideshow-thumbnails a {
	float:left;
	opacity:.5;
	/*border:2px solid #FFF;*/
}
#show<?php echo $this->id; ?> .slideshow-thumbnails a img {
	border:0;
}
#show<?php echo $this->id; ?> .slideshow-thumbnails .overlay {
	bottom:25px;
	height:60px;
	position:absolute;
	width:30px;
	z-index:10000;
}
#show<?php echo $this->id; ?> .slideshow-thumbnails .overlay.a {
	background:url(plugins/slideshow2/img/thumbnails-a.png);
	left: 0;
}
#show<?php echo $this->id; ?> .slideshow-thumbnails .overlay.b {
	background:url(plugins/slideshow2/img/thumbnails-b.png);
	right:0;
}<?php endif; ?>

dankeschön!

**Schlauchbeutelmaschine** · 18.12.2009, 10:08

Hallo Karo,

dazu müsstest du die Beschreibungsbox wahrscheinlich absolut positionieren
damit sie über den Thumbnails ist.

Dann müsstest du .slideshow-thumbnails einen Abstand nach oben geben und die Breite je nach dem wie viel Thumbnails du pro Reihe haben willst. Dazu müsstest du dann die Breite von .slideshow-thumbnails und .slideshow-thumbnails ul mit der Anzahl pro Reihe multiplizieren. Also 70px * 3. So sollte es gehen.

**karo** · 21.12.2009, 14:49

hallo sabri
vielen dank ... so krieg ich das hin ... bin noch am rumbasteln damits gscheit aussieht und kann es dir dann gerne präsentieren =)

meinst du dass du die verwendung von meta.txt bald man einbaust?

lg

**karo** · 21.01.2010, 12:39

hey... hab dazu leider ein neues problem ...
hab jetzt 2 weitere gallerys gemacht.. jedoch wird mir bei beiden keine thumbnails angezeigt... die einstellungen sind die gleichen. thumbnails sind aktiviert und die größe ist eingegeben .. woran kann das liegen??

vielen dank