Slider mit Image-Maps

Diskussionen die nicht direkt etwas mit einem Software oder Hardware Problem zu tun haben
Antworten
Kopernikus
Beiträge: 390
Registriert: Fr 19. Okt 2012, 12:15

Slider mit Image-Maps

Beitrag von Kopernikus »

Hallo allerseits

Ich helfe gerade einem Kollegen bei seinem Shop. Er wollte diesen auf Basis von Gambio erstellt haben. Ich muss sagen, dass System ist zwar etwas vollgepackt, doch die eine oder andere Funktion hätte ich schon auch gerne bei Webs. Ganz toll finde ich z.B. den dort verbauten Teaser-Slider. Ihr könnt diesen z.B. hier im Testshop von Gambio sehen (Urban Style) http://www.gambio-shop.de/shop1/index.php

Solche Slider gibts derzeit ja einige, doch derjenige bei Gambio ermöglicht einerseits eine sprachabhängige Anzeige und die Möglichkeit sogenannte Image-Maps einzubauen. Da läuft mir als Shopbetreiber schon fast das Wasser im Mund zusammen ;)
Nein, im Ernst. Es ist schon toll, wenn man im animierten Slider auch noch einzelne Grafiken als Links definieren kann.

Das wünschte ich mir bei webs wirklich von ganzem Herzen. Möglicherweise kennt einer hier ja das Modul, welches bei Gambio zum Einsatz kommt?
Rainer
Beiträge: 102
Registriert: Sa 5. Feb 2011, 10:17
Shop Version: 1.0.14

Re: Slider mit Image-Maps

Beitrag von Rainer »

Hallo,

ich hab mir mal den sourcecode angesehen ist jcarousel.
http://sorgalla.com/jcarousel/docs/plug ... ation.html

Code: Alles auswählen

<div id="jcarousel_box" class="jcarousel-skin-tango" style="width:760px; height:380px;">
<input id="jcarousel_slider_id" type="hidden" value="1" name="time">
<div class="jcarousel-control" style="bottom: 10px; right: 10px;">
<a id="slideImg_1" class="" style="visibility: visible;" href="#">
<img alt="Urban Streetstyle" src="images/slider_images/thumbnails/teaserthumb1.jpg">
</a>
<a id="slideImg_2" class="jcarousel_control_a_active" style="visibility: visible;" href="#">
<img alt="Full HD Fernseher" src="images/slider_images/thumbnails/teaserthumb2.jpg">
</a>
</div>
<div id="jcarousel_image_box" style="width:760px; height:380px;">
<ul style="height: 380px; width: 3040px;">
<li style="width:760px; height:380px;">
<li style="width:760px;height:380px;">
<li style="width:760px;height:380px;">
<li style="width:760px; height:380px;">

<li style="width:760px; height:380px;">
<img id="slideImgControl1_1" class="slideImgControl" alt="Urban Streetstyle" src="images/slider_images/teaser1.jpg" usemap="#map1_1">
<map name="map1_1">
<area id="area1_1" target="_self" title="MP3 Player" alt="MP3 Player" href="Technik---Zubehoer/Audio---HiFi/MP3-Player/Music-Player.html" coords="108,83,174,91,190,106,160,226,129,250,127,267,84,260,70,250,77,214,49,194,34,207,11,193,14,175,28,167,54,173,48,144,57,134,93,138" shape="poly">
<area id="area1_2" target="_self" title="Stiefel mit Knitteroptik" alt="Stiefel mit Knitteroptik" href="Beauty---Schmuck/Herren/Schuhe-39/Stiefel-mit-Knittereffekt.html" coords="139,297,130,261,160,241,176,241,217,213,265,221,277,305,306,353,307,372,267,373,130,374,134,335,73,327,73,291" shape="poly">
<area id="area1_3" target="_self" title="Digitale Sportuhr" alt="Digitale Sportuhr" href="Beauty---Schmuck/Herren/Uhren-47/Digitale-Sportuhr-73.html" coords="401,280,403,314,477,316,478,348,546,358,585,211,575,191,510,177,478,220,463,274,403,275" shape="poly">
<area id="area1_4" target="_self" title="Tragbarer USB-Plattenspieler" alt="Tragbarer USB-Plattenspieler" href="Technik---Zubehoer/Audio---HiFi/Zubehoer-94/Tragbarer-USB-Plattenspieler.html" coords="418,104,424,64,468,24,523,16,579,31,620,59,620,94,590,125,601,129,601,167,460,169,458,131" shape="poly">
<area id="area1_5" target="_blank" title="Dark Denim Jeans" alt="Dark Denim Jeans" href="Beauty---Schmuck/Herren/Kleidung-34/Jeans.html" coords="639,37,738,33,746,266,622,273,623,147" shape="poly">
</map></ul>
</div>
Freundlich grüßt

Rainer
Kopernikus
Beiträge: 390
Registriert: Fr 19. Okt 2012, 12:15

Re: Slider mit Image-Maps

Beitrag von Kopernikus »

Hallo Rainer

Toll, besten Dank für Deine Recherche. Gambio hat das ja recht toll umgesetzt mit der Verwaltung über den Admin. Sowas wünsche ich mir bei Webs auch und wäre auch bereit hier was für die Entwicklung springen zu lassen. Vielleicht bin ich mit diesem Wunsch ja nicht alleine? Wie siehts bei anderen aus und wäre jemand von den Entwicklern hier überhaupt bereit sowas umzusetzen?

Hier mal ein Screenshot von Gambio's Slider

Bild

Testen könnt Ihr das ganze über den bereits angegeben Testshop.

Würde mich über einen Feedback sehr freuen :)
Antworten