WN - Anpassad Jquerey slideshow

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Anpassad Jquerey slideshow (https://www.wn.se/forum/showthread.php?t=1055983)

Anpassad Jquerey slideshow

Hej WN!

Sitter och utvecklar en e-handelssite för att driva högre konvertering. Ett steg i detta är att skapa ett nytt bildspel. Jag försöker efterlikna funktionaliteten hos denna site: http://www.lookfantastic.com/home.dept

Där bildspelet byts direkt när man håller musen över länken till höger. Hur görs detta? Försöker med mitt nuvarande royalslider men det fungerar inte men såhär nära kan man komma tydligen:
http://dimsemenov.com/plugins/royal-.../video-gallery

Kan någon hjälpa mig?

Vänligen
Rickard Liljeros

Leta efter .on("click"

Leta efter .on("click"... i din kod och byt ut till .hover.. är i princip så lätt..

Klistra gärna in din kod så blir det lättare för oss att se hur det är gjort och var du ska ändra.

Citat:

Ursprungligen postat av jonas.o (Inlägg 20457033)

Leta efter .on("click"... i din kod och byt ut till .hover.. är i princip så lätt..

Klistra gärna in din kod så blir det lättare för oss att se hur det är gjort och var du ska ändra.

Hej, jag har testat en del nu men tyvärr utan att lyckas. Jag använde mig av bxslider som jag tror lookfantastic har använd också, genom att läsa i deras kod.

Resultatet so-far ser ut såhär: http://www.bangerhead.se/cgi-bin/ibu...bsida&ID=10151

jag har dock inte lyckats få slidern att byta när jag håller över länkarna till höger.

Min gissning är att det ligger något i denna kod men kan ha fel?:

Kod:

 * Appends the pager to the controls element

                 */

                var appendPager = function(){

                        if(!slider.settings.pagerCustom){

                                // create the pager DOM element

                                slider.pagerEl = $('<div class="bx-pager" />');

                                // if a pager selector was supplied, populate it with the pager

                                if(slider.settings.pagerSelector){

                                        $(slider.settings.pagerSelector).html(slider.pagerEl);

                                // if no pager selector was supplied, add it after the wrapper

                                }else{

                                        slider.controls.el.addClass('bx-has-pager').append(slider.pagerEl);

                                }

                                // populate the pager

                                populatePager();

                        }else{

                                slider.pagerEl = $(slider.settings.pagerCustom);

                        }

                        // assign the pager click binding

                        slider.pagerEl.delegate('a', 'click', clickPagerBind);

Någon som kan hjälpa mig att lösa problemet? Är otroligt tacksam för svar.

Vänligen
Rickard

Ändra sista raden till:

slider.pagerEl.delegate('a', 'hover', clickPagerBind);

Hej Hnn! Det fungerade inte det heller. Kanske någon av er har tips en annan slider som kan fungera med liknande funktion? Verkar som att bygga om denna är hopplöst...

Problemet är löst! En väldigt enkel miss som jag noterade efter mycket research. hover effekten får man genom att skriva "mouseover" istället för hover. Så nu fungerar det som tänkt!