Page 1 of 1

Bildgalerie

Posted: Sat Nov 07, 2009 4:26 pm
by McPaul
Hallo,

ich habe müsam fast alles zusammen für meine HP, jetzt bin ich mehr oder weniger auf eine Seite:

http://de.fotolia.com/Extra/LatestContents

dort werden die fotos mit einem bei berühren mit der maus vergrößert, bei onklich kommt eine ´neues Seite mit möglichkeiten des Downloads.
So etwas finde ich echt super, gibt es ein Modul für so etwas hier???

VG

Re: Bildgalerie

Posted: Mon Nov 09, 2009 7:58 am
by antibart
Die Module "Album" bzw der offizielle Nachfolger Imagegallery  müssten dir eigentlich bekannt sein - hattest Du doch bereits vor längerer Zeit  schon einige Fragen zu Galerie-Modulen gepostet.
McPaul wrote: bei onklich kommt eine ´neues Seite mit möglichkeiten des Downloads.
Die Vergrößerung nach "onklich" ist im Prinzip Standard jedes Galeriemoduls,  Ein Download-Link ließe sich als Kommentar einfügen. Wie du das Ganze optisch gestaltest und organisierst, ist wiederum einen Frage des gewälhten Templates, der Parameter und der css. Aber wie gesagt: eigentlich sollten dir die Grundfunktionen der Bilder-Modlue nicht völlig fremd sein..
McPaul wrote:dort werden die fotos mit einem bei berühren mit der maus vergrößert,
Die Vorschau-Vergrößerung beim Mouseover ist weniger eine Modul-Funktion, ließe sich aber mit css lösen.  Stichwort: Layer. Der "höher gestellte" Layer - also das vergrößerte Bild - wäre der hover-Status des Bildlinks. Ob es mittlerweile Modul-Templates gibt, die diese Option bereistellen stellen, weiß ich leider nicht.

Hier aber ein Beispiel, wie sowas theoretisch für einen einzelnen Thumbnail-Llink ausehen könnte. Je nach eingestetztem Galeriemodul müsste es natürlich noch  angepasst  und optimiert werden. Ich habe die css-klassen, module-tags und html-templates der Module leider nicht im Kopf.

Code: Select all

a.thumb {  /*style und layer-postition des normalen thumb-link*/
    position:absolute; 
    z-index:35;
   }

a.thumb:hover{z-index:36;} /*layer-position des hover-thumb-link - muss höher sein als oben*/

a.thumb span{display: none}  /*span wird im normal-status ausgeblendet*/

a.thumb:hover span{ /*span-style wird beim hover eingeblendet*/
    display:block;
    position:absolute;
    top:20px; left:20px; 
width:550px;

    border:1px solid #265b91;
    }
Im Album / Galerie-Template für die Thumbs-Liste braucht es dann natürlich die richtige Klasse und das span:

Code: Select all

<li><a class="thumb" href="{$wasauchimmmer}"><img src="{$bild_thumb}.jpg" />
<span><img src="{$grossesbild}.jpg" /><span></a>
Auch, wenn du es noch anpassen musst, ist das Prinzip denke ich klar: du hast einen Thumbnaillink, der außer dem Thumbnail noch einen Span-Bereich enthält, in dem sich das große Bild befindet. Diese Span-Bereich wird aber aber nur als Layer im Hover-Status angezeigt. Den Rest musst du selbst mal ausprobieren.



....

Re: Bildgalerie

Posted: Thu Nov 12, 2009 1:48 pm
by McPaul
vielen Dank für deine Antwort, aber ich bekomme es so nicht zum laufen ;-(

könnte ich bitte nähere Infos bekommen?

Re: Bildgalerie

Posted: Fri Nov 13, 2009 7:47 am
by antibart
McPaul wrote: vielen Dank für deine Antwort, aber ich bekomme es so nicht zum laufen ;-(

könnte ich bitte nähere Infos bekommen?
Tut mir leid - hier gibt es -  abgesehen vom kommerziellen Bereich - nur "Hilfe zur Selbsthilfe". Das oben Gepostete ist ein Beispiel, was du natürlich nicht 1: 1 übernehmen kannst, sondern an dein Galerie-Template und deine css-klassen anpassen musst.

Zudem müsstest Du schon dazuschreiben (oder noch besser: zeigen), was du versucht hast und wo. Wie soll sonst jemand wissen, warum das bei dir nicht läuft.  

Ein Problem, was ich noch nicht getestet habe, könnte sein, dass ich momentan aus dem Kopf nicht weiß, ob beliebig viele Layer die gleiche "Schichtposition" haben dürfen. Das könntest du aber sehr einfach selbst testen, indem du zunächst nur ein einzlenes bild in die Galerie einfügst.  

Re: Bildgalerie

Posted: Fri Nov 13, 2009 9:10 am
by McPaul
ja, das habe ich mir schon gedacht.
Nur wird es schwierig, da ich dovon, sagen wir mal überhaupt keine Ahnung habe.

Ich habe alles so wie es "original" vom CMS installiert wird. Und als Bildergalerie benutze ich das Album. Da ist noch was mit Lihtbox oder so. So weit funktioniert das alles super.

Nur wollte ich zusätzlich die Funktion mit dem "Mausover" einbinden weil ich es super finde.
Denn was ich mir so vorgestellt habe ist eigentlich "nur":
Einfach mit "Mausover" größer und bei gefallen Klick und Foto in max. größe Downloaden. ;-)

Was würde denn die passende "Anfertigung" denn kosten?

Re: Bildgalerie

Posted: Mon Nov 16, 2009 12:00 pm
by saint2807
Hallo Comunity,
habe diese Anfrage schonmal gehabt, aber nicht direkt im Modulforum und vielleicht war das der Fehler :-) (hoffentlich löst das jetzt keinen Alarm aus ;D

Habe im bei News einen Artikel zugefügt und in den Artikel über {cms_module module='album' albums='8'}
ein Fotoalbum mit dem Template ImageGallery eingefügt, welches 4 Bilder beinhaltet. So weit so gut, klappt auch dass das Album angezeigt wird.
Jetzt zum Problem, wenn ich nun auf der Seite bin und da auf > klicken um das nächste Bild anzeigen zu lassen springt der Automatisch zurück in die News übersicht. Wie ist das zu regeln? Oder habe ich was übersehen?
Besten Dank im voraus!