Step Carousel Viewer v1.6.1
Its good image gallery.
Look at it yourself
Click here to see the gallery.
To install it you have to add this in head portion of your page.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="stepcarousel.js">
/***********************************************
* Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
<style type="text/css">
.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid black;
overflow: scroll; /*leave this value alone*/
width: 270px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
</style>
and this refers to these to js files
And it is done to see what it make
In this page I am gonna let you know some easy HTML codes.
HTML- Hyper Text Markup Language
For knowledge- Tim Berners in 1990 designed the orignal HTML document type. It is being developed till now.
Starting- The HTML element consists of a less than sign (<)followed by the name of tag and closed by a greater than sign(>).
HTML Element- The first HTML element used in HTML document is the<html>, that is used to write a document structure. It enclose the whole document elements within starting and ending tags. It is closed by</html>
It not just meant to expando script you can apply any of the HTML Script ot your WordPress Blog, just follow the below instruction:
<script type=”text/javascript” src=”http://coolabhay.com/wp-content/uploads/2009/04/expando.js”>
</script>
>> This code is a reference to expando.js, download it or let it be like this.
1. Copy the code below..
2. Open theme editor under design tab of your main screen of Dashboard.
3. Find the head portion of the theme, particularly you will find it in header.php
4. Paste the code for the head portion of Expando Script.
5. Pasting the code before </head> is preffered.
6. Now what do you want, it is done.
Add
class="expando cat"
in image code to add effect.
Eg.
<img class="expando cat" border="0" src="put the image address here" width="200" height="88">
This script helps you redirect any page from any other page.
Click below link for the demo
Add the following code in the body section HTML page-
<script> function redirect() { window.location.replace('type here the addres to which you want to redirect'); } setTimeout('redirect();', 5000); </script>