Icarousel

[Franks]

Hey mensen,

Ik zit met een probleempje. Ben bezig met een portfolio website en daar wil ik graag een javascript carousel in, maarrrr die krijg ik niet aan de praat. Hopelijk kan iemand mij hiermee verder helpen?

Ik volg de beschrijving zoals die >> hier << (http://zendold.lojcomm.com.br/icarousel/) staat vermeld.
Waar ik vast loop is het punt waar de javascript staat. Dat zijn de volgende 2 scriptjes:


Initialize the iCarousel class:
new iCarousel("container", {

animation: {
type: "fade",
transition: Fx.Transitions.linear,
rotate: {
type: "auto"
}
}
});



new iCarousel("container", { animation: { type: "fade", transition: Fx.Transitions.linear, rotate: { type: "auto" } } });

That's it, at this rate you should be able to see iCarousel creating a news ticker with the elements with a class "item".


En ook deze:



window.addEvent("domready", function() {
var ex6Carousel = new iCarousel("example_6_content", {
idPrevious: "example_6_previous",
idNext: "example_6_next",
idToggle: "undefined",
item: {
klass: "example_6_item",
size: 640
},
animation: {
type: "scroll",
duration: 1000,
amount: 1
}
});

$("thumb0").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(0)});
$("thumb1").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(1)});
$("thumb2").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(2)});
$("thumb3").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(3)});
$("thumb4").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(4)});
$("thumb5").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(5)});
$("thumb6").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(6)});
});





Ik heb geen diee waar ik die codes precies neer moet zetten??
Ik denk.. als ik dat goed heb.. dat het dan moet gaan werken...

Voorbeeldje van hoe het er nu uitziet is misschien wel handig.. te vinden via: http://fschopman.nl/homepage.html

Hoop dat iemand me hiermee verder kan helpen. Alvast bedankt (Y)

[Perrytje]

je hebt twee opties 1 (aan te raden): Je zet de codes in twee aparte .js bestandjes en die embed je met <script type="text/javascript" src="javascriptFile1.js"></script>
<script type="text/javascript" src="javascriptFile2.js"></script>


Optie twee: Je zet ze er op deze manier in:
<script type="text/javascript">
Hier je script
</script>

PS: Delete die nummers voor je code ook maar :P

[Franks]

Hmm dat werkt helaas niet...
Het probleem is dat die 2 codes nergens worden opgehaald volgens mij...

Ik heb de html-code erin gegooid, de css zit erin, de Icarousel en mootools scripts worden opgehaald in de head... maar die overige twee staan er maar :p

[Tom.]

Error: this.container is null
Source file: http://fschopman.nl/Carousell/icarousel.js
Line: 93


Error: this.container.effects is not a function
Source file: http://fschopman.nl/Carousell/icarousel.js
Line: 117

:)
Maar begin eens met je code valideren:

<div id"wrapper">

Daar gaat het iig goed fout. ;)

[Franks]

Ik heb er enkele fouten uitgehaald... de overige hebben verder niets te maken met wat er verder in de code gebeurd.

Zou iemand me anders stap voor stap uitleggen hoe ik zo'n caruosel in mn website plaats. De stappen via die Icarousel website zijn opzich wel duidelijk, tot op een bepaald punt.

De html-code zit erin, de css is aangepast, de 2 .js bestandje staan op de server, maar als ik dan die overige javascriptjes erin moet plaatsen... gaat het mis...

Iig bedankt voor beide reacties! :)