Slideshow einzelne Bilder verlinken

  • 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.

  • 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
        <div class="cycle-slideshow" data-cycle-slides="> a">
            <a href="link1.html"><img src="images/a.jpg"></a>
            <a href="link2.html"><img src="images/b.jpg"></a>
            <a href="link3.html"><img src="images/c.jpg"></a>
        </div>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <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.

  • 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

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!