Slideshow einzelne Bilder verlinken

  • Hallo ich möchte in meiner Slideshow die Bilder die eingespielt werden verlinken.

    Ich habe euch mal die Datei hochgeladen unter:

    http://og-elbbruecke.de/testumgebung/slider/slider.html

    Habt ihr eine gute Idee wie es am einfachsten geht ?

    PS: Habe in HTML einfach die Bilder per <a href=""><img src="images/slider_1.jpg" alt="" width="100%"></a> versucht zu verlinken das funktioniert so nicht leider ....

  • PS: Habe in HTML einfach die Bilder per <a href=""><img src="images/slider_1.jpg" alt="" width="100%"></a> versucht zu verlinken das funktioniert so nicht leider ....

    Das habe ich auch gemacht aber das geht

    * Link entfernt , weil existiert nicht mehr *

    Nur ich habe da ein Link reingeschrieben und nicht leer gelassen.

    PS: du hast bei width="100%" die "" vergessen.

    Die width angaben sollte man eigentlich auch in der CSS reinschreiben. Hat jetzt aber nichts mit dein Verlinkung-Problem zu tun.

    Dieser Beitrag wurde bereits 2 Mal editiert, zuletzt von basti1012 ()

  • Du wirst hier mit einer Eigenschaft solcher Slideshows in reinem CSS konfrontiert, dass sie sich relativ schwer ändern und erweitern lassen.

    Als nächstes erwarte ich die Frage "Wie kann ich mehr Bilder zu dieser Slideshow hinzu fügen?" :-)

    Siehe auch hier:

    bildergalerie in CSS

    Meine Antwort auf die Frage, wie es am einfachsten geht, lautet daher: Verwende ein ausgereiftes Javascript wie Cycle2, damit ist es eine Kleinigkeit:

    http://jquery.malsup.com/cycle2/demo/non-image.php

    Code
    1. <div class="cycle-slideshow" data-cycle-slides="> a">
    2. <a href="link1.html"><img src="images/a.jpg"></a>
    3. <a href="link2.html"><img src="images/b.jpg"></a>
    4. <a href="link3.html"><img src="images/c.jpg"></a>
    5. </div>
    6. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    7. <script src="http://malsup.github.com/jquery.cycle2.js"></script>

    Edit: Basti: "Ick bin all hier" ...

  • Ja, es wird immer der Link des letzten Bildes geöffnet. Das liegt daran, dass sie übereinander liegen und das letzte Bild oben. Auch wenn es durchsichtig ist, wirkt trotzdem der Klick darauf.

    Dieser Beitrag wurde bereits 1 Mal editiert, zuletzt von Sempervivum ()

  • Nee einfache Lösung wäre das man opacity in z-index ändert.

    Nur ist der übergang da nicht so schön sondern hard.


    Oder eine Slideshow die slidet und nicht fadet ,sollte ja eigentlich auch gehen.


    Doch in diesen Fall würde ich auch post 3# zustimmen