Archief - Dringend hulp nodig bij Nivo slider in DW

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
B

Big_

Legacy Member
Hey,

Als iemand me met dit probleem zou kunnen helpen zou ik erg dankbaar zijn, ik zit er namelijk al een hele tijd mee te sukkelen.

Ik wil de nivo slider installeren, en ik heb stap per stap de website en een youtube tutorial gevolgd maar ik krijg hem niet werkend.

In het beste geval worden de afbeeldingen onder elkaar getoond, maar van een slider is geen sprake.

Hier is m'n code.

HTML: 
<head>

<link rel="stylesheet" href="/nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider();
});
</script>

</head>

<body>

  <div class="slider-wrapper">
    <div id="slider" class="nivoSlider">
        <img src="slider/1.jpg" alt="" />
        <img src="slider/2.jpg" alt="" />
        <img src="slider/3.jpg" alt="" />
    </div>
</div>

</body>

Hopelijk kan iemand het probleem vinden, bij voorbaat dank.
d

dendaak

Legacy Member
Kan je dat ergens online plaatsen?
Dat is wat eenvoudiger om er naar te kijken. :)
b

bealzebub

Legacy Member
Ben je zeker dat de scripts geladen worden? De developer console (of Firebug in Firefox) is je vriend.
D

Dastardly

Legacy Member
enkel je css file word gevonden. JS niet. kijk even naar 't verschil. bij je css file staat er geen / vooraan.

dat weghalen bij je JS gaat je probleem dus verhelpen.
B

Big_

Legacy Member
in m'n head had ik al bij beiden een "/" gezet, nu heb ik dit verander naar ../ en nu lijkt het te werken!!
Nu zien of ik de layout kan aanpassen
B

Big_

Legacy Member
in m'n head had ik al bij beiden een "/" gezet, nu heb ik dit verander naar ../ en nu lijkt het te werken!!
Nu zien of ik de layout kan aanpassen
B

Big_

Legacy Member
Ik heb hem werkend gekregen dankzij je hint Dastardly, kan iemand me nu nog helpen om die zwarte tekst weg te krijgen en hem automatisch te laten sliden om de zoveel seconden?
d

dendaak

Legacy Member
Hier gaat hij om de zoveel seconden.
Die zwarte tekst weg krijgen zal wel lukken met CSS.
.nivo-directionNav hiden in css :)
d

dask

Legacy Member
Als je met je html editor het javascript opent, zie je helemaal onderaan de controls die je kan aanpassen: om die zwarte next en prev weg te krijgen zet je controlNav of directionNavop op false, je moet zelf eens testen wat het allemaal doet

Code: 
 //Default settings
    $.fn.nivoSlider.defaults = {
        effect: 'random',
        slices: 15,
        boxCols: 8,
        boxRows: 4,
        animSpeed: 500,
        pauseTime: 3000,
        startSlide: 0,
        directionNav: true,
        controlNav: true,
        controlNavThumbs: false,
        pauseOnHover: true,
        manualAdvance: false,
        prevText: 'Prev',
        nextText: 'Next',
        randomStart: false,
        beforeChange: function(){},
        afterChange: function(){},
        slideshowEnd: function(){},
        lastSlide: function(){},
        afterLoad: function(){}
    };
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan