New Blog Address: http://blog.grayjunior.com/

JQuery & CSS3 Slideshow

Sliding-Gallery With JQuery and CSS By Gray Junior
You probably have seen a slideshow appearing at many blogs or website, that actually served to help promoting featured products, discounts, etc. In this article, I will be sharing with you a simple slideshow that makes use of JQuery and CSS 3, with various customization for you. This current version features a simple “next” and “previous” link to preview the slides. As the name suggests, each slide is presented in a sliding motion upwards and downwards. For other purposes or usage that requires a small description, I have also included a small section for each slide where you may add in texts.

To initialize the slideshow script, just insert this codes into your page:

Initializing The Slideshow

$(document).ready(function() {

$(‘#main’).slider({ // SELECT YOUR CONTAINER/ELEMENT TO USE FOR THE SLIDESHOW

speed: 1500, // SPEED OF THE SLIDING ANIMATION

actions: false, // TO TOGGLE FOR INITIAL DISPLAY OF THE “NEXT” AND “PREVIOUS” LINKS

width: 900, // THE WIDTH OF THE SLIDESHOW

height: 500 // THE HEIGHT OF THE SLIDESHOW

});

});

You may customize your slideshow with the various options stated above, speed of the slides, display of the action links and the size of the slideshow you want. This script has been tested on the major browsers (firefox, safari, chrome) and I have also debugged most of the issues. Should you encounter any problems with it, do leave me a message or e-mail and I will be glad to assist you out. It is also available free of charge for both personal and commercial projects under the creative common license. (I’m unable to provide any demo of it as I do not have my own server yet, apology!)

Download Script v1.1 ↓Snapshot→

Advertisements

5Days: Interesting Websites

5days weekly

Introduction

5Days is a collection of interesting and resourceful articles or websites and their services that I personally have stumbled across during my daily browsing of the world wide web. Enjoy!

Foto Fuze

fotofuze

Momento App

momentoapp

App Makr

App Makr

CeeVee

ceevee

http://notsharingmy.info/

notsharingmyinfo

http://www.jochemgugelot.nl/

jochemgugelot

Follow Me on Twitter to know more about Web Designing & Developing news and tutorials.

Back to top ↑

5 Days Of Articles: Inspirations, Designs, Resources, Creativity, Outstanding

Introduction

5Days is a collection of interesting and resourceful articles or websites and their services that I personally have stumbled across during my daily browsing of the world wide web. Enjoy!

DuShare Beta

DuShare

WorkFlowy Beta

Work Flowy

VYou Beta

VYou

Let’s Crate

LetsCrate

Score ly Beta

ScoreLy

Follow Me on Twitter to know more about Web Designing & Developing news and tutorials.

Back to top ↑

My X’mas Wallpapers

Introduction

Christmas is around the corner and I’ve trying to get some wallpapers up. Although there are plenty of beautiful wallpapers available on the internet, I thought it would be great to have something of my own. Now, I wish to share the joy with you by offering you these wallpapers! Merry Christmas to you and have a happy holiday! Enjoy!

Both wallpapers are ONLY available in 1440 x 900 and 1280 x 800 resolution.

Family & Friends

xmas_Wallpaper_02_1280x800

Download Wallpapers: 1440 x 900 pixels1280 x 800 pixels

X’mas Celebration

xmas_Wallpaper_1280x800

Download Wallpapers: 1440 x 900 pixels1280 x 800 pixels

Do you like these wallpapers? I sure hope you like it! Share it around with your friends and visit my blog more often! I certainly hope to bring more beautiful works to share with everyone. Thank you!

Back to top ↑

Introduction

Everyone loves music. And it clearly has become a part of our life. Besides being available in the physical stores in town, more and more bands, artist, singers or even music companies are also making their presence online too. Below is a short list of some of the music websites I stumbled upon and felt that its both visually pleasing to look at, as well as a pretty clear navigation or content layouts. Enjoy!

BBC Music

BBC Music

Mike Poss

MikePoss

Tokyo Police Club

TokyoPoliceClub

Just Hear It

JustHearIt

Champion Sound

ChampionSound

Echodio

Echodio

E Music

eMusic

Lyric Sift

LyricSift

Taste Kid

TasteKid

Flux Blog

FluxBlog

Kreislauf

Kreislauf

Ubetoo

Ubetoo

Rapzilla

Rapzilla

Reverb Nation

ReverbNation

Share The Music

ShareTheMusic

Consequence Of Sound

ConsequenceOfSound

Boston Music Spotlight

BostonMusicSpotlight

We Are Hunted

WeAreHunted

Noise Creep

NoiseCreep

AOL Video

AolVideo

Follow Me on Twitter to know more about Web Designing & Developing news and tutorials.

Back to top ↑

5 Days Of Articles: Inspirations, Designs, Resources, Creativity, Outstanding

Introduction

5Days is a collection of interesting and resourceful articles or websites that I personally have stumbled across during my daily browsing of the world wide web. This week article’s collection focuses on “Hand-Drawn Typography” that are truly gorgeous and beautifully crafted by various designers. Such typography stands out from the common standard type-faces we see everyday, and it significantly communicates with a more definitive personality or characteristic. Enjoy!

The Beauty of the Hand-Drawn Typography Trend in Design

Corporate ID

Beautiful and Creative Hand-Drawn Typography

Typography by Jeff Finley

20 Awesome Examples of Hand-Drawn Typography

EDITORIAL AEROFLOT In flight Magazine

Collection Of Beautiful Hand Drawn Typography

MOCK Chipotle

60 Beautiful Examples of Hand-Drawn Typography

http://www.flickr.com/photos/lauren_atha/3699570421/

Beautiful Hand Drawn Typography

Maxwell Lord

Follow Me on Twitter to know more about Web Designing & Developing news and tutorials.

Back to top ↑

Today we are going to use jQuery and CSS3 rotations, along with the jQuery rotate plugin, to create a beautiful slideshow. You can use it to spice up your web sites, product pages and other projects with some CSS3 magic.

View Article… View Demo…