Sunday 30 September 2012

Picture Gallery Using Java Script With Fade Effect Change

Picture Gallery is use to show picture on a website.When there are
more than one picture has to be show then we use picture gallery
Which change pictures automatically.I'm here make a picture
gallery which change automatically with fade effect.I have save
my all picture on my current project and renamed them 1,2,3.....n
I want give credit of this gallery to http://www.cryer.co.uk

HTML Code...

<html >
<head >
<title>Girfa Photo Gallery Demo</title>
<script type="text/javascript">

Raj Kumar

A programmer and Founder of Girfa IT Services, working from 2009.At Starting computer teaching was my full-time job but after 10 years of teaching I chose to programming as a full-time job and teaching become part-time. In real life, I am very lazy and I made it my coding style I always try to make a reusable component that’s my USP for programming which saves my time and extra working both.

Picture Album Auto Change Using Java script

Picture album is very important part of the web development

mostly developer attached their organization picture on website.We see these pictures change

automatically.I always want to do this,after searching many website i got a simple

solution to make it. Their are many standard way to achieve it. But my solution is tricky..

If you have fix number of image on your site then my code is useful for you, I renamed all my image

into serial number 1,2....... n

I used Timer on every tick of timer i changed the image's relative path

HTML Code...
<html >
<head >
<title>Girfa Album Timer Demo</title>

Raj Kumar

Web Page History Using Java Script

history Object

Contains information about the URLs visited by the client.
For security reasons, the history object does not expose the actual URLs in the browser history. It does allow navigation through the browser history by exposing the back, forward, and go methods. A particular document in the browser history can be identified as an index relative to the current page. For example, specifying -1 as a parameter for the go method is the equivalent of clicking the Back button.

<a href='javascript:history.go(-1)'>Back to the previous page</a>

Jump one page back according to history

<script language=javascript>
        function goForward()
        {
            history.go(1)
        }
    </script>

<input id="Button1" type="button" value="Next" onclick="goForward()" />

Act as forward button

Raj Kumar

Navigation with Java Script Open Function

Mostly we navigate on different using <a></a> tag you can navigate on different pages

Using Java script window.open function which you a lot of option with navigation..

Opens a new window and loads a document specified by a given URL. Also, opens a new window that uses the sUrl parameter and the sName parameter to collect the output of the write method and the writeln method.

Syntax

oNewDoc = document.open(sUrl [, sName] [, sFeatures] [, bReplace])

Raj Kumar

Pages

Sunday 30 September 2012

Picture Gallery Using Java Script With Fade Effect Change

Picture Album Auto Change Using Java script

Web Page History Using Java Script

history Object

<a href='javascript:history.go(-1)'>Back to the previous page</a>

Jump one page back according to history

<script language=javascript> function goForward() { history.go(1) } </script>

<input id="Button1" type="button" value="Next" onclick="goForward()" />

Act as forward button

Navigation with Java Script Open Function

<script language=javascript>
function goForward()
{
history.go(1)
}
</script>