Picasa Diashow als Popup Fenster aber wie...

  • Hallo zusammen,


    ich möchte auf der Seite Fotos auf meiner HP die Links zu den Diashows meiner Fotos in Picasa einfügen, dass ganze soll so aussehen, dass wenn ich auf den Link Klicke, ein kleines Fenster aufgeht, in dem die Diashow läuft, den Link zum Einbetten einer Diashow füge ich hier einmal ein :
    <embed type="application/x-shockwave-flash" src="https://photos.gstatic.com/media/slideshow.swf" width="800" height="533" flashvars="host=picasaweb.google.com&captions=1&hl=de&feat=flashalbum&RGB=0x000000&feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F111376037177916050469%2Falbumid%2F5851859303784209009%3Falt%3Drss%26kind%3Dphoto%26hl%3Dde" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>


    Eigentlich ist die in ZP integrierte Diashow genial, da müsste ich aber die Fotos in meinem Webspace einfügen und da habe ich Angst, das meine 1,5GB schnell voll sind...


    Danke im Voraus für Eure Antworten.

  • Hallo Edip,
    ich habe das HIER mal probiert, funktioniert soweit ganz gut.


    Einstellungen > CSS


    Und im Inhaltsbereich Widget > Quelltext

    HTML
    <a href="#"><img class="popup_oeffnen image" border="0" src="http://zella.de/bilder/button_klick_hier.png"></a> <div id="popup"> <div class="schliessen"></div> <div id="popup_inhalt">
    <embed type="application/x-shockwave-flash" src="https://photos.gstatic.com/media/slideshow.swf" width="800" height="533" flashvars="host=picasaweb.google.com&captions=1&hl=de&feat=flashalbum&RGB=0x000000&feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F111376037177916050469%2Falbumid%2F5851859303784209009%3Falt%3Drss%26kind%3Dphoto%26hl%3Dde" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
    </div> </div> <div id="hintergrund"></div>

    Aber!

    • Ist das Flash, du solltest auf Apple-Geräten prüfen ob da eine HTML5-Variante nachgeladen wird.
    • Ist das nicht Responsive, deshalb habe ich den Schließen-Button so eingefügt das er in der mobilen Ansicht Mittig rutscht, sonst kommt man da nicht mehr dran.
  • Hallo Mario,
    wow... Danke Dir vielmals, ich muss mal schauen ob ich das hinkriege, rechne mir auch mal aus ob es nicht übertriebene Sorge ist, mit meiner Angst das die monatlichen Diashows von etwa 30Fotos meinen
    Webspace von 1,5GB irgendwann ausschöpfen...

  • Hallo Mario,
    wow... Danke Dir vielmals, ich muss mal schauen ob ich das hinkriege, rechne mir auch mal aus ob es nicht übertriebene Sorge ist, mit meiner Angst das die monatlichen Diashows von etwa 30Fotos meinen
    Webspace von 1,5GB irgendwann ausschöpfen...

    Hallo, Edip,


    Ich bin gerade gestern darüber gestolpert, dass wir nach gut einem Jahr Vereinsleben bereits 500 MB des Webspace belegt haben. Ich muss mich also mal um die Fotokomprimierung kümmern. Deine Sorge ist durchaus berechtigt.

  • Hallo Edip,


    wir hatten dieses Wochenende 2 Tage Kinder- und Jugendcamp mit 60 Kindern aus 4 Vereinen. Ich bin gerade stolzer Besitzer von 659 neuen Fotos geworden ;-)

  • Hallo Edip .....,


    Hallo Mario,
    was für Alternativen zu Picasa gäbe es denn, so das man das in ZP integrieren könnte?

    ..... wenn Du noch ein wenig Zeit hast, dann bestünde die Möglichkeit ein simples aber effektives Widget mit einer externen Java Script Ressource zu erstellen, dass die Anzeige von Picasa Bildern unterstützt und eine Vergrößerung per Fancybox erlaubt. Eine Slideshow ist zwar damit nicht möglich, aber vieleicht erst mal besser als gar nix.

  • Hallo Edip,
    du schreibst das dir die Bildergalerie von Zeta gut gefällt und gern den Speicherplatz von Picasa nutzen möchtest.
    Das lässt sich recht einfach realisieren, allerdings ist hierbei etwas Handarbeit gefragt.
    Hier ganz unten auf der Seite.


    Füge einen neuen Artikel > Quelltext ein, füge unten stehenden HTML-Code ein und kopiere die URL der Bilder bei Picasa in den Code.

  • Hallo Mario,
    das ist ja echt Klasse, ich muss allerdings zugeben, dass ich mich mit den HTML Codes nicht unbedingt soo auskenne, die URL der Bilder kann ich dann der Reihe nach unter Deinen Quelltext kopieren??
    Eine Widget Lösung wäre für mich ehrlich gesagt die einfachere Lösung aber Wahnsinn was Du hier so zauberst, Hut ab und ganz herzlichen Dank für Deine Mühe, ich meine mit der Lösung könnte ich auch leben, wenn Du mir vielleicht nur moch erklärst wo genau ich die Url einfüge.

  • Ja, dazu lässt du die Bildervorschau einfach weg und fügst für das erste Bild einen Textlink ein.
    Sollte dann so aussehen.


    So sieht dann der Code aus:

  • Hi Edip,


    darf ich dir noch einen Tipp geben? Immer wenn ich einen Link deiner Site, der "nach draußen" führt, benutze, öffnet sich die Zielseite im selben Fenster, in der eben noch deine Site gewesen ist.
    Heißt, ich verlasse deine Website. Finde ich nicht so gut, da ich ja mehr von deiner Site sehen will und nicht immer "zurück" switchen möchte.
    Habe ich mich unklar genug ausgedrückt? :o)

    Freundlichste Grüße...


    Gawainos


    P.S.: Ich meine es nie böse... ;)

  • Hallo Gawainos,


    Danke für den Tipp, wird natürlich so schnell wie möglich korrigiert, ich hoffe ansonsten gefällt Dir die Seite, soll quasi so eine Art Logbuch für Freunde Verwandte etc. sein um unsere Reisen zu verfolgen...

  • Halo Edip,


    also irgendwas stimmt auf deiner Seite nicht.


    Bei mir wird im Firefox, Google Chrome und Opera auf allen Seiten ein roter Strich quer über den Bildschirm angezeigt (siehe Bild).
    Beim IE hingegen taucht dieser "Strich" nicht auf" ?(


    Kann das mal bitte jemand "verifzieren"?...

  • Er muss mal aus meinem "Nach oben" Widget die Referenzlinie deaktivieren, dann ist der rote Strich auch weg. ;)


    -> Optionen
    -> Darstellung
    -> Overlay anzeigen auf "inaktiv" setzen

  • Leute ihr seit absolut genial,
    ich liebe dieses Forum ;-) das mit der roten Linie hatte ich schon bemerkt, da der aber nur auf dem Ipad aufgetaucht ist, hatte ich es abgetan, jetzt weiß ich woran es liegt und kann das beheben, im Moment bin ich nur in den letzten Zügen mit den Vorbereitungen für unseren Ausstieg und habe absolut keine Zeit...

  • Hallo Mario,
    ich habe gerade mal die Testseite mit dem IPad durchgeklickt, der unterste Link den Du da drin hast, gefällt mir am besten, funktioniert mit dem IPad nicht, der einzige der auf dem IPad funktioniert, ist der mittlere.

  • Ja das liegt wohl am Widget Tab, oder daran das ich den gleichen Code mit der selben ID 2x eingebunden habe.


    Ich finde die Lösung mit dem Tab eh nicht so richtig schön, würde das dann doch eher mit einem kleinem Vorschaubild darstellen. HIER


    Du musst nur darauf achten das du den Galerien unterschiedliche IDs vergibst.
    Beispiel 1. Galerie


    Beispiel 2. Galerie


  • Ich habe den thread in die Plauderecke verschoben, da es ja um Fremdcode geht und nicht um Bestandteile von Zeta Producer.

  • Hallo Edip ...


    das Widget ist fertig. Ich dachte aber es hätte sich mit dem Code von Mario insoweit erledigt. Deswegen hatte ich dazu auch nichts weiter bemerkt.


    ^Du bekommst morgen im Laufe des Vormittag einen Link per E-Mail zugesandt wo Du eine Demo anschauen und das Widget ggf. herunterladen kannst.

  • Hallo zusammen,
    ich danke Euch allen, die mir hier geholfen haben, mein Projekt zu realisieren, ich habe jetzt meinen Account bei 1und1 geändert, habe jetzt unbegrenzten Webspace und werde somit die Fotoalben mit dem original von Zeta erstellen...