Next and Previous buttons problem
If you have ideas how to implement Previous & Next functionality and willing to help, read forward.
Basicly I'm pretty bad of a coder, so to get this much working has been pleasant for me (hiding and showing divs via jQuery and links).
Now my original idea was to not have any normal navigation for these, but rathen a "previous" and "next" buttons to go thru all the content one by one.
I've just hit a brickwall since everything I attempt to google is way beyond my understanding of coding and javascript.
So if anyone feels like throwing in heres the main code (and using lightbox for imageclicks, ignore it):
-
$(function()
{
$("#avaa-one").click(function(event) {
event.preventDefault();
$("#content2").fadeOut("fast");
$("#content3").fadeOut("fast");
$("#content4").fadeOut("fast");
$("#content").fadeIn("slow");
});
$("#avaa-two").click(function(event) {
event.preventDefault();
$("#content").fadeOut("fast");
$("#content3").fadeOut("fast");
$("#content4").fadeOut("fast");
$("#content2").fadeIn("slow");
});
$("#avaa-three").click(function(event) {
event.preventDefault();
$("#content").fadeOut("fast");
$("#content2").fadeOut("fast");
$("#content4").fadeOut("fast");
$("#content3").fadeIn("slow");
});
$("#avaa-four").click(function(event) {
event.preventDefault();
$("#content").fadeOut("fast");
$("#content2").fadeOut("fast");
$("#content3").fadeOut("fast");
$("#content4").fadeIn("slow");
});
{
$('a[@rel*=lightbox]').lightBox(); //
}
});