Vendetta007
wzl-lid
Sinds 20/7/2006
T: 13
R: 74
|
22/4/2012 -
12:33u
| Quote
|
Hey ik ben een website in elkaar aan het boxen voor een lokale Kendo-club hier
Ik kan wat overweg met HTML en CSS
Maar nu had ik graag een eenvoudige fotoslideshow in mijn index pagina geimplementeerd met jQuery
Daar heb ik echter geen kaas van gegeten...
Is er iemand die mij dat eenvoudig in mensentaal kan uitleggen of eventueel de code van een goed voorbeeld...
Mss ook kort schetsen hoe jQuery werkt en hoe je deze linkt aan je pagina
Alvast bedankt
Grtjs
|
Exxaxl
wzl-lid
Sinds 17/8/2005
T:37 -
R:1017
|
22/4/2012 -
14:46u
| Quote
|
Jqeury Cycle is daar redelijk simpel voor, gewoon plugin op de site hosten & de rest wijst zichzelf uit.
Cycle
Ik heb enkel cycle gebruikt, is echter ook weer al even geleden, me niet verder in JQuery verdiept, sorry :-
|
mrvazil
wzl-lid
Sinds 15/5/2005
T:6 -
R:780
|
22/4/2012 -
23:05u
| Quote
|
|
gebruik gewoon lightbox?
|
Vendetta007
wzl-lid
Sinds 20/7/2006
T:13 -
R:74
|
23/4/2012 -
10:19u
| Quote
|
mrvazil schreef:
gebruik gewoon lightbox?
Verklaar u nader 
Zal es googlen ook
EDIT: Lijkt me inderdaad handig om een fotopagina te maken, maar ik had eerder iets in gedachten; een kleine slideshow op mijn homepagina als visueel effect, en niet "click to enlarge"
Maar mss dattek mijn lay-out aanspas om ergens een aparte fotogallerij te maken gwn 
Alvast bedankt
Laatst aangepast door
Vendetta007
op 23/04/2012 10:23:02u
(2x aangepast)
|
MetalheaD
wzl-lid
Sinds 1/9/2004
T:4 -
R:143
|
23/4/2012 -
15:38u
| Quote
|
lightbox is nen premade ajax scriptje
zeer gemakkelijk te gebruiken
zie ook http://lokeshdhakar.com/projects/lightbox2/
|
WishMaster
[mod] 666
Sinds 26/2/2003
T:99 -
R:2018
|
27/4/2012 -
20:11u
| Quote
|
Is er iemand die mij dat eenvoudig in mensentaal kan uitleggen of eventueel de code van een goed voorbeeld...
Mss ook kort schetsen hoe jQuery werkt en hoe je deze linkt aan je pagina Ik heb deze jQuery op 't werk draaien.
Is eigenlijk een folder die ge downloadt en ook zo op uw server zet. In die folder zitten vanalle scripts en css enzo. Moet ge allemaal niks van aantrekken.
Op uw eigen pagina moet ge dan ergens linken naar de juiste (java)scripts.
Als ge bv deze broncode bekijkt, dan weet ge genoeg (want er staat amper code )
Dieje 'Cycle' heb ik nog ni bekeken, maar ik vermoed dat die gelijkaardig werkt.
|
WishMaster
[mod] 666
Sinds 26/2/2003
T:99 -
R:2018
|
27/4/2012 -
20:16u
| Quote
|
De broncode van de simpelste Cycle-demo: hier
<html>
<head>
<title>JQuery Cycle Plugin - Basic Demo</title>
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <-- hier linkt ge naar jquery
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script> <-- hier linkt ge naar de cycle 'plugin'
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... <-- dit stukje is de 'configuratie' van de plugin
});
});
</script>
</head>
<body>
<div class="slideshow"> <-- in deze <div> zet ge al uw foto's voor de slideshow
<img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach4.jpg" width="200" height="200" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach5.jpg" width="200" height="200" />
</div>
</body>
</html>
Vervang de 'beach.jpg' hierboven door uweigen foto's en ge kunt die code al gebruiken
|
Vendetta007
wzl-lid
Sinds 20/7/2006
T:13 -
R:74
|
28/4/2012 -
17:34u
| Quote
|
Thanks alot wishmaster is exact wat ik zocht en ziet er fantastisch uit
Nu nog wat stylen en da komt in orde
Zou het moeilijk zijn om er een klein toolbarke aan toe te voegen ? scrollen door de foto's
In ieder geval dees is al zeer goed
Thanks 
|
WishMaster
[mod] 666
Sinds 26/2/2003
T:99 -
R:2018
|
29/4/2012 -
10:10u
| Quote
|
Op de site van de jQuery Cycle plugin heb ik dit gevonden: klik
Als dit is wat je zoekt: broncode bekijken en experimenteren
Hier staan trouwens een hoop demo's opgelijst
|
