aniketpunk Posted June 27, 2014 Share Posted June 27, 2014 I want to create a slideshow of 4 pictures in my website with bullets to navigate..Can anyone give me the code? Link to comment Share on other sites More sharing options...
dsonesuk Posted June 27, 2014 Share Posted June 27, 2014 I got one laying around somewhere, where do i send the bill. Link to comment Share on other sites More sharing options...
aniketpunk Posted June 28, 2014 Author Share Posted June 28, 2014 Oh my!I thought people here are generous :-( Link to comment Share on other sites More sharing options...
dsonesuk Posted June 28, 2014 Share Posted June 28, 2014 OR you could try building one yourself, and then come back here for any problems your have, Instead of, can't be bothered to do it myself, or google so I'll get someone from here to do all that for me. Link to comment Share on other sites More sharing options...
aniketpunk Posted June 28, 2014 Author Share Posted June 28, 2014 OK Bro..I got the code after a few google search.. Link to comment Share on other sites More sharing options...
scout1idf Posted June 28, 2014 Share Posted June 28, 2014 (edited) Look on YouTube. Some of the tutorials on there aren't half bad. They can at least get you started. I got this example from a 12 minute video..... <!DOCTYPE html><html><head><style type="text/css">body{ background:#000; color:#fff; font-size:3em; font-family:Toledo;}#wss{ opacity:0; -webkit-transition:opacity 1.0s linear 0s; transition:opacity 1.0s linear 0s;}</style><script> <!--the array can contain anything you need, <html tags> , text , <images> , etc..... //-->var wss_i = 0;var wss_array = [ "smart.", "cute.", "funny.", "black.", "young." ];var wss_elem;function wssNext(){ wss_i++; wss_elem.style.opacity = 0; if(wss_i > (wss_array.length - 1)){ wss_i = 0; } setTimeout('wssSlide()', 1000);}function wssSlide(){ wss_elem.innerHTML = wss_array[wss_i]; wss_elem.style.opacity = 1; setTimeout('wssNext()', 4000)}</script></head><body> My dog is <span id="wss"> </span><script>wss_elem = document.getElementById("wss"); wssSlide();</script></body></html> Edited June 28, 2014 by scout1idf Link to comment Share on other sites More sharing options...
davej Posted June 28, 2014 Share Posted June 28, 2014 Simple slideshows are posted in the forum fairly often... https://www.google.com/?gws_rd=ssl#q=slideshow+site:w3schools.invisionzone.com All they require is a basic understanding of Javascript arrays and the use of document.getElementById() Link to comment Share on other sites More sharing options...
aniketpunk Posted June 29, 2014 Author Share Posted June 29, 2014 Thank You Brother Davej... Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now