login  Naam:   Wachtwoord: 
Registreer je!
 Forum

slider wilt het niet uitvoeren

Offline riagabel2 - 14/11/2011 19:17
Avatar van riagabel2Lid Goedenavond,

Ik ben bezig met het maken van een slider. Alleen het probleem is dat hij het niet wilt doen. Ik vroeg me af of iemand me in de goede richting kan helpen. Ik zal de links meesturen zodat mensen die willen helpen het ook kunnen zien.
De slider: is hier te vinden
De pagina: is hier te vinden

Met Vriendelijke Groet,

Mike Koopman

10 antwoorden

Gesponsorde links
Offline Pieter - 14/11/2011 19:29 (laatste wijziging 14/11/2011 19:30)
Avatar van Pieter Gouden medaille

SEO guru
Gewoon even een gok: probeer eens je images geen . teken mee te geven in hun bestandsnaam? Ipv images/slider1.1.jpg dus images/slider1.jpg. Het is sowieso niet goed van wat puntjes en/of spaties in je images te plaatsen.

Update: heb het gevonden, je javascript zoekt niet in images/... maar in slides/images/... Je zal de slidesBase moeten aanpassen. 
Offline riagabel2 - 14/11/2011 19:30
Avatar van riagabel2 Lid Nee dat is het niet want toen ik dat eerst ook deed deed hij nog steeds helemaal niks en krijg ik alleen die "loader".
Offline vinTage - 14/11/2011 19:31
Avatar van vinTage Nieuw lid Deze waarschuwingen wegwerken ?

Fout: Hash.each is not a function
Bronbestand: http://nouincol....2-core.js
Regel: 1531

Fout: element.appendChild is not a function
Bronbestand: http://nouincol....2-core.js
Regel: 1577
Offline Pieter - 14/11/2011 19:32 (laatste wijziging 14/11/2011 19:33)
Avatar van Pieter Gouden medaille

SEO guru
Check mijn update. Je code in de header moet dit zijn:

  1. <script type="text/javascript" charset="utf-8">
  2. window.addEvent('domready', function(e){
  3.  
  4. // option 1
  5. var slides = [
  6. {
  7. image: 'slider1.1.jpg',
  8. caption: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit'
  9. },
  10. {
  11. image: 'slider1.2.jpg',
  12. caption: 'Excepteur sint occaecat cupidatat non proident'
  13. },
  14. {
  15. image: 'slider1.3.jpg',
  16. caption: 'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.'
  17. },
  18. {
  19. image: 'slider1.4.jpg',
  20. caption: 'Deserunt mollit anim id est laborum'
  21. },
  22. {
  23. image: 'slider1.5.jpg',
  24. caption: 'Laboris nisi ut aliquip ex ea commodo consequat'
  25. }
  26. ];
  27.  
  28. // option 2
  29. // var slides = $$('#blinds img');
  30.  
  31. $('blinds').floom(slides, {
  32. slidesBase: 'images/',
  33. sliceFxIn: {
  34. top: 20
  35. }
  36. });
  37.  
  38. });
  39. </script>
Offline riagabel2 - 14/11/2011 19:36
Avatar van riagabel2 Lid Vintage: Die waarschuwingen kan ik niks aan doen want die komen rechtstreeks van de demo die wel gewoon werkt daarzo. Dus ik snap niet dat daar dan een fout in kan zitten.

Pieter: Ik heb de code die jij net hebt gestuurd erin gezet en geprobeerd alleen hij wilt het alsnog niet doen. En de javascript bestanden komen van een werkende demo
Offline vinTage - 14/11/2011 19:45
Avatar van vinTage Nieuw lid haal anders een 2 js libs weg en kies er voor EEN.
Ik heb onlangs voor jQuery een soortgelijke slider gezien.
Offline riagabel2 - 14/11/2011 19:52
Avatar van riagabel2 Lid Vintage: Ik heb niet heel veel ervaring met sliders/jquery dus als je wilt zou je dan misschien een beetje stap voor stap kunnen vertellen wat er moet gebeuren?

Pieter: SlidesBase die staat toch al op images/ ? Of is dat juist niet de bedoeling?
Offline vinTage - 14/11/2011 19:54
Avatar van vinTage Nieuw lid Je laad nu mootools, prototype en jquery in, dat is vragen om conflicten...

Een lib is er juist voor gemaakt dat je er 'alles' mee kan doen en dat het crossbrowser is, waarom zou je dan 3 verschillende willen inladen?

Kies voor EEN lib (mijn presoonlijke favo is jquery)
Offline riagabel2 - 14/11/2011 20:06
Avatar van riagabel2 Lid Vintage: Alleen het probleem is dat de jquery niet bij de demo staat. Of is die dan ergens anders te vinden?
Offline WouterJ - 14/11/2011 20:28
Avatar van WouterJ HTML gevorderde Er bestaan 1000den sliders voor jQuery. (mijn favo is trouwens MooTools, maar van source code jQuery)
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.18s