Bekijk volle/desktop versie : ik betaal 200euro voor website



17-12-2010, 23:01
ik maak grapje, maar wie kent een goeie slideshow voor fotos??
plaats scipts aub!!

17-12-2010, 23:11


jaa iemnad??

17-12-2010, 23:18
Hier kun je een mooie slideshow script downloaden inclusief video tutorial

http://www.youtube.com/watch?v=EK2tWVj6lXw

17-12-2010, 23:26

Citaat door BaasbovenBaas:
Hier kun je een mooie slideshow script downloaden inclusief video tutorial

http://www.youtube.com/watch?v=EK2tWVj6lXw


wat zeg jij allemaal?

17-12-2010, 23:28


rickrolled haha hij denkt echt

20-12-2010, 14:43
thx broeder

20-12-2010, 22:37
Snap je het niet wat hij je heeft gegeven?

20-12-2010, 23:13

Citaat door BaasbovenBaas:
Snap je het niet wat hij je heeft gegeven?



het lukt niet man
ik voer de code in me html, k maak een css bestand
maar verder komt ik. kan jij me helpen?

ik ben ook slecht in engels?

http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html
deze wil ik

20-12-2010, 23:56
Download het volgende:
http://dl.dropbox.com/u/15324127/test.rar

Kopieer alles wat er in dat bestandje staat en plaats dit in je directory.
Pas je html bestand aan met het volgende:

Plaats deze code tussen je body tags (<body> </body&gt voor 3 afbeeldingen:

<div id="header">
<div class="wrap">
<div id="slide-holder">
<div id="slide-runner">
<a href=""><img id="slide-img-1" src="images/1.jpg" class="slide" alt="" /></a>
<a href=""><img id="slide-img-2" src="images/2.jpg" class="slide" alt="" /></a>
<a href=""><img id="slide-img-3" src="images/3.jpg" class="slide" alt="" /></a>
<a href=""><img id="slide-img-1" src="images/FOTO" class="slide" alt="" /></a>
<a href=""><img id="slide-img-1" src="images/FOTO" class="slide" alt="" /></a>
<a href=""><img id="slide-img-1" src="images/FOTO" class="slide" alt="" /></a>
<div id="slide-controls">
<p id="slide-client" class="text"><strong>post: </strong><span></span></p>
<p id="slide-desc" class="text"></p>
<p id="slide-nav"></p>
</div>
</div>
</div>
</div>
</div>



Deze ook tussen de body tags:
<script type="text/javascript">
if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"}];
</script>
</div></div>


Deze tussen de <head> </head> tags:
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript">var _siteRoot='index.html',_root='index.html';</script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>


Als je html bestand een andere naam heeft dan kun je dit makkelijk veranderen "_siteRoot='index.html',_root='index.html';</script>"


Ik heb nu 3 afbeeldingen als voorbeeld gedaan. Als je meer afbeeldingen wilt doe dan het volgende:

Kopieer:
,{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"}

Plak dit in de javascript code die ik je eerder gaf. Doe dat na deze regel:

{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"}

Ga zo door met het plakken van deze code. Hoe meer foto je wilt hoe vaker je dit na de volgende code moet plakken.

Dus bijv. zo:

<script type="text/javascript">
if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-8","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-9","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-10","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-11","client":"nature beauty","desc":"add your description here"}];
</script>
</div></div>

Dit is dus bedoeld voor 11 foto's

Het volgende moet je ook aanpassen voor 11 fotos:

<a href=""><img id="slide-img-1" src="images/1.jpg" class="slide" alt="" /></a>
<a href=""><img id="slide-img-2" src="images/2.jpg" class="slide" alt="" /></a>
<a href=""><img id="slide-img-3" src="images/3.jpg" class="slide" alt="" /></a>
<a href=""><img id="slide-img-1" src="images/FOTO" class="slide" alt="" /></a>
<a href=""><img id="slide-img-1" src="images/FOTO" class="slide" alt="" /></a>
<a href=""><img id="slide-img-1" src="images/FOTO" class="slide" alt="" /></a>
etc.
etc.
etc.

snap je het een beetje?

21-12-2010, 00:12
ik plaats op frontpage.