.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
 
Sign In
Register
 
Win Surprise Gifts!!!
Congratulations!!!


Top 5 Contributors of the Month
david stephan

Home >> Forum >> www.DotNetSpark.com >> Post New QuestionBookmark and Share Subscribe to Forum

image slide show

Posted By: Dhivakaran     Posted Date: October 27, 2010    Points:2   Category :www.DotNetSpark.com
how to we show image slide show from database as like our site(dotnetspark.com) under congaratulation section?

Responses
Author: Deco             
Posted Date: October 27, 2010     Points: 5   

 On a new Web Form drag a AdRotator control from the toolbox. For this AdRotator control to work we need an Advertisement file (XML file) and some sample images. Add a new XML file to the project selecting from
Project->Add New Item->XML File from the main menu. Name this XML file as Ads.xml. The file Ads.xml looks like the code below:

<?xml version="1.0" encoding="utf-8" ?>
&ltAdvertisements>
&ltAd>
&ltImageUrl>
one.gif
</ImageUrl>
&ltNavigateUrl>
http://www.startvbdotnet.com
</NavigateUrl>
&ltAlternateText>
A beginners site for Visual Basic .NET
&ltImpressions>
25
</Impressions>
&ltKeyword>
Visual Basic
</Keyword>
</Ad&g
t &ltAd>
&ltImageUrl>
two.gif
</ImageUrl>
&ltNavigateUrl>
http://www.msdn.microsoft.com/vbasic
</NavigateUrl>
&ltAlternateText>
Visual Basic page on Microsoft
</AlternateText>
&ltImpressions>
20
</Impressions>
&ltKeyword>
Programming
</Keyword>
</Ad>
&ltAd>
&ltImageUrl>
three.gif
</ImageUrl>
&ltNavigateUrl>
http://www.msdn.microsoft.com/net
</NavigateUrl>
&ltAlternateText>
.NET page on Microsoft
</AlternateText>
&ltImpressions>
15
</Impressions>
&ltKeyword>
.NET Information
</Keyword>
</Ad>
</Advertisements>

Once you are finished with the XML file select the AdvertisementFile property in the properties window and assign the above mentioned XML file to this property and click OK. Select the Target property and select a value of your choice from the list (_blank is advisable). Also, have three sample gif images (one.giif, two.gif, three.gif) in the same project folder. Run the application and you will find rotating ads being displayed on your Web page each time you hit the refresh button in your browser.


Regards,
Deco
Author: krishana singh             
Posted Date: December 07, 2010     Points: 5   

<script language="JavaScript1.2">

var variableslide=new Array()

//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]

variableslide[0]=['ball.gif', '', '']
variableslide[1]=['spaceship.gif', 'http://www.space.com', 'Has aliens landed on earth? You decide.']
variableslide[2]=['cake.gif', '', '']

//configure the below 3 variables to set the dimension/background color of the slideshow

var slidewidth='130px' //set to width of LARGEST image in your slideshow
var slideheight='120px' //set to height of LARGEST iamge in your slideshow, plus any text description
var slidebgcolor='#F3F3F3'

//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=3000

////Do not edit pass this line////////////////

var ie=document.all
var dom=document.getElementById

for (i=0;i<variableslide.length;i++){
var cacheimage=new Image()
cacheimage.src=variableslide[i][0]
}

var currentslide=0

function rotateimages(){
contentcontainer='<center>'
if (variableslide[currentslide][1]!="")
contentcontainer+='<a href="'+variableslide[currentslide][1]+'">'
contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'
if (variableslide[currentslide][1]!="")
contentcontainer+='</a>'
contentcontainer+='</center>'
if (variableslide[currentslide][2]!="")
contentcontainer+=variableslide[currentslide][2]

if (document.layers){
crossrotateobj.document.write(contentcontainer)
crossrotateobj.document.close()
}
else if (ie||dom)
crossrotateobj.innerHTML=contentcontainer
if (currentslide==variableslide.length-1) currentslide=0
else currentslide++
setTimeout("rotateimages()",slidedelay)
}

if (ie||dom)
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')

function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub
if (document.layers)
document.slidensmain.visibility="show"
rotateimages()
}

if (ie||dom)
start_slider()
else if (document.layers)
window.onload=start_slider

</script>

<ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide><layer id="slidenssub" width=&{slidewidth}; left=0 top=0></layer></ilayer>













Post Reply

You must Sign In To post reply
 
 
Find more Forum Questions on C#, ASP.Net, Vb.Net, SQL Server and more Here
Quick Links For Forum Categories:
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  OOPs  SilverlightIISJQuery
JavaScript/VBScriptBiztalkWPFPatten/PracticesWCFOthers
www.DotNetSpark.comUnAnsweredAll

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend