Verweis-sensitive Grafik auf der Startseite

Hallo,
ich würde gerne auf eine Grafik auf der Startseite 2 Verweise einfügen. Da die Grafik responsiv ist, bekomm ich das einfach nicht. Weiß jemand Rat für mich?

lg
Birgit Rother

 

der Grafik sollte es egal ob sie responsiv ist; ein Link ist ein Link.

Hast Du das so in etwa gemacht:

<a href="(Link nur für registrierte Nutzer sichtbar.)" target="_blank"><img alt="xxxxxxx" src="/templates/Honeygrid/img/xxxxxxx.jpg" /></a>

 

Hallo Achim,
einen LInk bekomm ich in die Grafik, das ist kein Problem. Ich möchte aber auf 1 Grafik - 2 verschiedene Links machen.
Auf unserer Startseite ist die 1. Grafik auf der linken Seite mit "Transport und Logistik" und auf der rechten Seite mit "Gastrobedarf" bezeichnet. Dementsprechend möchte ich auch die Links setzen.

lg
Birgit Rother

Shop

 

Dann musst Du da eine Imagemap hinterlegen. Geht mit Slidern.

 

Bei den Bildern würde ich zwei draus machen und dann einzelne Links setzen. Das hat auch noch den Vorteil, dass die Bilder in der Mobilen Ansicht untereinander rutschen können und nicht wegen der Breite so elend klein werden das man kaum noch etwas erkennt.

 

Hallo Kai,
genau das bekomme ich einfach nicht hin, obwohl ich viele Hinweise hier im Forum gefunden habe. Aber leider sind meine Kenntnisse wohl zu bescheiden.

lg
Birgit

 

Wo liegt denn Dein Problem? Ich gehe mal davon aus, dass Du die Bilder entweder schon einzeln hast oder zumindest in der Lage bist einzelne Bilder daraus zu machen. Der Rest ist doch nur noch ein wenig Code, den Du dort einfügst (Contentmanger) wo Du jetzt das "große" Bild eingefügt hast.

Wenn Du den folgenden Code einfügst und die entsprechenden Stellen ("Linkziel angeben" und "URL von dem Bild eintragen") anpasst, dann sollte das schon funktionieren.

HTML:

<div class="row">
    <div class="col-xs-12 col-lg-6">
        <a href="Linkziel angeben"><img alt="" class="img-responsive" src="URL von dem Bild eintragen" /></a>
    </div>

    <div class="col-xs-12 col-lg-6">
        <img alt="" class="img-responsive" src="images/image/Verkaufsbox-Warenkoerbe-verwalten.jpg" />
    </div>
</div>

<div class="row">
    <div class="col-xs-12 col-lg-6">
        <a href="Linkziel angeben"><img alt="" class="img-responsive" src="URL von dem Bild eintragen" /></a>
    </div>

    <div class="col-xs-12 col-lg-6">
        <a href="Linkziel angeben"><img alt="" class="img-responsive" src="URL von dem Bild eintragen" /></a>
    </div>
</div>

Dieser Code lässt bei kleineren Geräten ein Bild pro Zeile erscheinen und bei der Desktopansicht zwei Bilder in einer Zeile.

 

Kai ... das hört sich toll an ... wow .... ich werde es morgen sofort versuchen. Heute ist meine "Schicht" um *lach*
Ich melde mich aber morgen auf jeden Fall.
Erst einmal schon danke

lg
Birgit Rother

 

Hallo Kai,
es hat geklappt .... suuuuuuuuuuuuuuuuuper lieben Dank

lg
Birgit