Please help me with this idea for book and fading effects?


#1

Hi everybody! I want to make this

book work as a slider but I`m not really good with Javascript.The thing that I want to add is arrows (left and right - like in slider) because i want to manipulate the moving of the pictures. Because there is text on it and it needs time to be read.
And here is my code:

$('.fadein img:gt(0)').hide();

setInterval(function () {
$('.fadein :first-child').fadeOut()
.next('img')
.fadeIn()
.end()
.appendTo('.fadein');
}, 4000); // 4 seconds

Thank you in advance!


#2

@sf911230,

You can do the course
https://www.codecademy.com/courses/web-beginner-en-seyrq/0/1

++ bootstrap
http://getbootstrap.com/getting-started/
http://getbootstrap.com/2.3.2/components.html
We now have .col-xs (phones), .col-sm (tablets), .col-md (desktops), and .col-lg (large desktops).

++ general search

google search
== the Book ==
jquery [your question] site:developer.mozilla.org
CSS [your question] site:developer.mozilla.org
javascript [your question] site:developer.mozilla.org
[your question] site:jquery.com
[your question] site:getbootstrap.com

== discussions / opinions ==
jquery [your question] site:stackoverflow.com
CSS [your question] site:stackoverflow.com
javascript [your question] site:stackoverflow.com

== guidance ==
www.crockford.com
[your question] site:crockford.com
- - http://javascript.crockford.com/code.html
- - http://javascript.crockford.com/survey.html