Image slider

Mon, 30 Jun 2014 21:43:31 GMT

Hejsa

Jeg skal lave en side med en image slider, og har s�gt en masse p� nettet som alle har simpel kode som B�R virke ud fra deres eksempler, men kan ikke f� nogle af dem til at lave en rigtig slider.

Nu er jeg ved at blive s� tosset over det kan ikke v�re s� skide sv�rt.
Derfor jeg kommer her, og h�ber i kan sige g�r a,b,c,d og s� k�rer det.

Det skal virke i et ASP.NET MVC 4 projekt.

Simpel jQuery slider

Tue, 14 Jan 2014 10:54:46 GMT

Hej Udviklere.

Jeg leder efter en simpel responsive slider ligende denne: http://ryrych.github.io/rcarousel/
Har pr�vet at �ndre lidt i dens .js og .css, for at lave den responsive, men uden held.

Det jeg godt kan slide ved rcarousel er at den ikke tilf�jer alle mulige knapper, s� den egentlig er utrolig custom og lightweight.

Kan ikke fange ny v�rdi i variabel (jQuery)

Sun, 19 Jun 2011 19:34:40 GMT

I f�lgende script fors�ger at opdatere variablen activeElm s� hver gang man klikker p� den loader det n�dvendige element og fors�tter rotationen i scriptet fra hvor man er. Lige nu starter den forfra ved f�rste frame hver gang man klikker p� et element.

JQUERY:

JScript kode

 $(document).ready(function()
 {
     var activeElm = 0;
     var triggeredElm;
 
     var elmCount = $('#slider .element').length;
     var elmWidth = $('#slider .element').width();
     var inlineWidth = $('#slider .element').width() * elmCount;
     var rotateTimer = $.timer();
     
     $('#slider .inline').width(inlineWidth);
     
     
     
 
     var i = 0;
     $('#slider .element').each(function()
     {
         var left = (i * 20) + 'px';
         $('#slider').append('<div id="slideBtn_' + i + '" class="button" rel="' + i + '">' + (i + 1) + '</div>');
         $('#slideBtn_' + i).css({ 'left': left });
         i++;
     });
 
     $('#slider .button').click(function()
     {
         var thisPos = $(this).attr('rel');
         var clickLeft = '-' + (elmWidth * thisPos + 'px');
         $('#slider .inline').animate({ left: clickLeft }, 500);
         activeElm = thisPos;
     });
     
     
     
     rotate = function()
     {
         rotateTimer.set({
             action: function()
                 {
                     activeElm += 1;
                     if(activeElm >= elmCount)
                         { activeElm = 0; }
                     
                     var setLeft = '-' + (elmWidth * activeElm) + 'px';
                     $('#slider .inline').animate({ left: setLeft }, 500);
                 },
             time: 3000
         }).play();
     }
     
     rotate();
 });

HTML:

HTML kode

 <div id="slider">
     <div class="inline">
         <div rel="0" class="element">
             <h2>Alpha</h2>
             <p></p>
         </div>
         
         <div rel="1" class="element">
             <h2>Bravo</h2>
             <p></p>
         </div>
         
         <div rel="2" class="element">
             <h2>Charlie</h2>
             <p></p>
         </div>
         
         <div rel="3" class="element">
             <h2>Delta</h2>
             <p></p>
         </div>
     </div>
 </div>

H�ber der er nogen der kan se en l�sning p� problemet.

Undskylder ligeledes den muligvis rodede kode er meget ny i jQuery.

Udvikleren.dk - Seneste [slider] forum tr�de

Image slider

Simpel jQuery slider

Kan ikke fange ny v�rdi i variabel (jQuery)