how to apply transition effect on background of page

Question

0.00/5 (No votes)

See more:

i i am apply transition effect on html page but it not apply on background of page
how can i do this. following is code

XML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/script.js"></script>

<script type="text/javascript" src="js/transitionshow.js"></script>
<style type="text/css">

.flashclass{ /*sample CSS class added to image slideshow container*/
width:100%;
height:500px;/*a width should be defined for transition to work*/
/*border: 5px solid orange;*/
padding: 0px;
}

</style>
<style type="text/css">
    .body
    {
       border-style:solid;
border-width:1px;
margin-left:10px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;


    }
    </style>

</HEAD>

<BODY  class = "body">

<div id = "page" >
<table width="100%"   align="center" >
<tr>
<td  width="100%"  align="center">
<script type="text/javascript">
                    var flashyshow = new flashyslideshow({ //create instance of slideshow
                        wrapperid: "myslideshow", //unique ID for this slideshow
                        wrapperclass: "flashclass", //desired CSS class for this slideshow
                        imagearray: [
                        ["images/Picture3.jpg", "http://www.aarambhinnovationals.com", "_new", ""],
                        ["images/Picture4.jpg", "http://www.aarambhinnovationals.com", "_new", ""],
                    ["images/Picture5.jpg", "http://www.aarambhinnovationals.com", "_new", ""]
                        ///["images/Fotolia_19011881_L.jpg", "http://www.aarambhinnovationals.com", "_new", ""]
                        ],
                        pause: 1000, //pause between content change (millisec)
                        transduration: 1000 //duration of transition (affects only IE users)
                        }
                        )
</script>
</td>
</tr>
</table>
</div>
</BODY>
</HTML>

Posted 28-Jun-12 0:13am

Manohar Khillare

Add a Solution

Comments

Sandeep Mewara 28-Jun-12 6:31am

Not clear on what exactly you mean by "apply transition effect on background of page"?

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Vijay Walunj,Navi mumbai · Answer 1 · 2012-06-28T00:37:00

Solution 1

you can apply transition effect by using css 3.0.it provide you css property for transition

Posted 28-Jun-12 0:37am

Vijay Walunj,Navi mumbai

how to apply transition effect on background of page

1 solution

Solution 1

Add your solution here

Preview 0

how to apply transition effect on background of page

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us