Verlinkung einer "slideshow"

  • Hey zusammen,
    ich hoffe ich bin richtig hier. Und zwar habe ich momentan folgendes Problem, ich arbeite an einer Webseite.

    Und im folgenen Bild sieht man die webseite und die kleinen bilder bewegen sich von rechts nach links und sind als link angegeben, das heißt wenn wer drauf drückt wird er weiter geleitet. Aber sobald man mit der Maus aufs bild fährt, wird das bild größer, ist auch richtig so nur die verlinkung ist weg und ist somit nur noch ein normales Bild.

    HILFE ;)
    Wie bleibt es eine verlinkung selbst wenn es groß ist.


    ps: kann keine bilder hoch laden =(

    das ist der quellcode von einem bild:

    <span><a href="Auto1" class="menue"><img width="100px" src="Auto1.jpg">
    <span><img width="300px" src="Auto1.jpg"></span> </a>

    Css teil:
    a.menue, a.menue:link, a.menue:visited, a.menue:active {
    position: relative;
    text-decoration: none;
    }

    a.menue:hover {
    z-index:1000;
    background: transparent;
    }

    a.menue span {
    display: none;
    text-decoration: none;
    }

    a.menue:hover span {
    z-index:1;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 0px;
    margin: -1px;
    border:1px solid #000000;
    background: #FFFFFF;
    }

    Über schnelle Antworten würde ich mich sehr freuen.

    Vielen dank im vorraus

  • Link zur Seite?
    Ich tippe auf

    Code
    <span><a href="Auto1" class="menue"><img width="100px" src="Auto1.jpg">
    <span><img width="300px" src="Auto1.jpg"></span> </a>


    Ich würde mal jedes Bild einzeln verlinken, aber da das ja sowas von logisch ist, das mal zu testen, hast du das bestimmt schon ausprobiert, oder?

    Und noch ein Hinweis: so Begriffe wie "schnell" sind in einem Forum unangebracht.

    Einmal editiert, zuletzt von Bandit (7. Februar 2012 um 15:46)

  • Natürlich habt ihr soviel zeit wie ihr braucht zum antworten =)

    Ich habe ja jedes bild einzelnd verlinkt
    <span><a href="Auto1" class="menue"><img width="100px" src="Auto1.jpg">
    <span><img width="300px" src="Auto1.jpg"></span> </a>
    <a href="Auto2" class="menue"><img width="100px" src="Auto2.jpg">
    <span><img width="300px" src="Auto2.jpg"></span> </a>
    <a href="Auto3" class="menue"><img width="100px" src="Auto3.jpg">
    <span><img width="300px" src="Auto3.jpg"></span> </a>
    <a href="Auto4" class="menue"><img width="100px" src="Auto4.jpg">
    <span><img width="300px" src="Auto4.jpg"></span> </a>
    <a href="Auto5" class="menue"><img width="100px" src="Auto5.jpg">
    <span><img width="300px" src="Auto5.jpg"></span> </a>
    <a href="Auto6" class="menue"><img width="100px" src="Auto6.jpg">
    <span><img width="300px" src="Auto6.jpg"></span> </a>
    <a href="Auto7" class="menue"><img width="100px" src="Auto7.jpg">
    <span><img width="300px" src="Auto7.jpg"></span> </a>
    <a href="Auto8" class="menue"><img width="100px" src="Auto8.jpg">
    <span><img width="300px" src="Auto8.jpg"></span> </a>
    <a href="Auto9" class="menue"><img width="100px" src="Auto9.jpg">
    <span><img width="300px" src="Auto9.jpg"></span> </a>
    <a href="Auto10" class="menue"><img width="100px" src="Auto10.jpg">
    <span><img width="300px" src="Auto10.jpg"></span> </a>

    nur sobald das bild durch drüber fahren mit der maus größer wird, ist es keine verlinkung mehr.Es ist ja das gleiche bild nur größer gezogen.

    Mfg

  • Du solltest die Antworten, die du bekommst, auch mal richtig lesen

    Link zur Seite

    Ich würde mal jedes Bild einzeln verlinken, aber da das ja sowas von logisch ist, das mal zu testen, hast du das bestimmt schon ausprobiert, oder?

    Einmal editiert, zuletzt von Bandit (7. Februar 2012 um 17:20)

  • Es gibt keinen Link zur Seite, ist nur offline.Ist ein Schulprojekt.

    Und ich habe doch jedes bild verlinkt, sorry falls ich das missversteh ;)