an eye on the web: Even a Geek can be funky!

/* * Author: Marco Kuiper (http://www.marcofolio.net/) */ // Speed of the automatic slideshow var slideshowSpeed = 6000; // Variable to store the images we need to set as background // which also includes some text and url's. var photos = [ { "title" : "MEMES", "image" : "vacation.jpg", "url" : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhavsg8V3XWohONGqxf6e18Vm2nSaMQQLybOMuYLrqk52HvF9GCldhNW0FDZTcmxfsweZo1rfbQsZpI3-0xGXr-J57qEcMqmPXaOtot3vCeRPAc9rRXdA9rpueo0UbExGgrZ6pbplKy-ME/s640/facepalm+ours+buzzyg.jpg", "firstline" : "Les memes", "secondline" : "conversationnels" }, { "title" : "IPad", "image" : "work.jpg", "url" : "http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs370.snc3/23768_382949141783_625636783_4487958_6598768_n.jpg", "firstline" : "On test", "secondline" : "l'IPad" }, { "title" : "Jiwa", "image" : "biking.jpg", "url" : "http://img198.imageshack.us/img198/7610/jiwaaddict01.jpg", "firstline" : "Jiwa", "secondline" : "Addict" }, { "title" : "HAZARD", "image" : "nature.jpg", "url" : "http://img44.imageshack.us/img44/2990/benpo.jpg", "firstline" : "Sérendipité", "secondline" : "ta mère" }, { "title" : "Musique de merde", "image" : "food.jpg", "url" : "http://img688.imageshack.us/img688/9019/mtgd.jpg", "firstline" : "Fuck them", "secondline" : "all motherfuckers." } ]; $(document).ready(function() { // Backwards navigation $("#back").click(function() { stopAnimation(); navigate("back"); }); // Forward navigation $("#next").click(function() { stopAnimation(); navigate("next"); }); var interval; $("#control").toggle(function(){ stopAnimation(); }, function() { // Change the background image to "pause" $(this).css({ "background-image" : "url(images/btn_pause.png)" }); // Show the next image navigate("next"); // Start playing the animation interval = setInterval(function() { navigate("next"); }, slideshowSpeed); }); var activeContainer = 1; var currentImg = 0; var animating = false; var navigate = function(direction) { // Check if no animation is running. If it is, prevent the action if(animating) { return; } // Check which current image we need to show if(direction == "next") { currentImg++; if(currentImg == photos.length + 1) { currentImg = 1; } } else { currentImg--; if(currentImg == 0) { currentImg = photos.length; } } // Check which container we need to use var currentContainer = activeContainer; if(activeContainer == 1) { activeContainer = 2; } else { activeContainer = 1; } showImage(photos[currentImg - 1], currentContainer, activeContainer); }; var currentZindex = -1; var showImage = function(photoObject, currentContainer, activeContainer) { animating = true; // Make sure the new container is always on the background currentZindex--; // Set the background image of the new active container $("#headerimg" + activeContainer).css({ "background-image" : "url(images/" + photoObject.image + ")", "display" : "block", "z-index" : currentZindex }); // Hide the header text $("#headertxt").css({"display" : "none"}); // Set the new header text $("#firstline").html(photoObject.firstline); $("#secondline") .attr("href", photoObject.url) .html(photoObject.secondline); $("#pictureduri") .attr("href", photoObject.url) .html(photoObject.title); // Fade out the current container // and display the header text when animation is complete $("#headerimg" + currentContainer).fadeOut(function() { setTimeout(function() { $("#headertxt").css({"display" : "block"}); animating = false; }, 500); }); }; var stopAnimation = function() { // Change the background image to "play" $("#control").css({ "background-image" : "url(images/btn_play.png)" }); // Clear the interval clearInterval(interval); }; // We should statically set the first image navigate("next"); // Start playing the animation interval = setInterval(function() { navigate("next"); }, slideshowSpeed); }); Buzzy.G : e-entertainment, web culture

Slideshow

Four loko sint iphone single-origin coffee. Mcsweeney's cliche delectus brooklyn dolor. Proident williamsburg sint wolf, readymade sartorial keytar elit culpa. Mcsweeney's vice id, fanny pack quis retro jean shorts wes anderson blog iphone butcher aesthetic nulla cred. Vero stumptown yr, aliqua tofu marfa brooklyn. Aute culpa nostrud mlkshk stumptown. Irony qui fap trust fund four loko, aliquip dolore iphone jean shorts velit next level fixie mlkshk in.

Vinyl williamsburg brunch officia 3 wolf moon sint. Placeat anim leggings tumblr, +1 aute tattooed ethical accusamus before they sold out messenger bag. +1 wolf cred vice, tattooed pitchfork minim readymade sint gluten-free tofu reprehenderit biodiesel consequat. Delectus labore viral, seitan +1 accusamus officia mustache vice commodo keffiyeh VHS readymade irony. Cosby sweater placeat brunch velit, hoodie do vice wes anderson. Nihil sed fugiat, high life irony pariatur PBR. Tempor irure trust fund, sed wolf craft beer minim.

Officia synth laboris helvetica 8-bit, mixtape etsy artisan. Etsy locavore mixtape 3 wolf moon, fugiat cred high life reprehenderit laborum sapiente shoreditch voluptate cupidatat. Sustainable banksy sed, PBR lomo fugiat veniam cliche. Culpa retro vice marfa esse before they sold out. Master cleanse jean shorts nostrud tofu cillum, squid culpa mollit veniam placeat art party minim nulla. Consectetur twee freegan, trust fund irure DIY banksy viral in cillum whatever qui eu. Quinoa quis food truck fugiat, retro laboris brunch id farm-to-table letterpress sed minim odio Austin.

an eye on the web

Saturday, 24 October 2009

Even a Geek can be funky!

No comments:

Post a Comment

I am...

Search this blog

Some Music ?

Writing about

Blog Archive

Enjoy

Blog Roll

Find me on...

Followers

JS

Slideshow

Thunderheist - Olympia

an eye on the web

Saturday, 24 October 2009

Even a Geek can be funky!

No comments:

Post a Comment

I am...

Search this blog

Subscribe To

Some Music ?

Writing about

Blog Archive

Enjoy

Blog Roll

Find me on...

Followers

JS

Slideshow

Thunderheist - Olympia