Combining 'Carousel' and 'Bouncy Message'
1) Script Title: Combining 'Carousel' and 'Bouncy Message' scripts
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/carousel.htm
http://www.dynamicdrive.com/dynamici...bouncetext.htm
3) Describe problem:
I'm running the 'Carousel' script without any problems. However, as soon as I try to add, on same page, the 'Bouncy Message' script the 'carousel' script isn't shown at all anymore - but the 'Bouncy message' script runs correctly!
What do I need to do to run these two JavaScripts simultaneously!
thanks for your hints
ed
<%@ Page Language="vb" AutoEventWireup="false" Inherits="MLM.main" CodeFile="main.aspx.vb" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>main</title>
</HEAD>
<script language="JavaScript" type="text/jscript">
ServerName=window.location.hostname;
//window.alert([ServerName]);
/***********************************************
* Carousel Slideshow script- © Ger Versluis 2003
* Permission granted to DynamicDrive.com to feature script
* This notice must stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
// 7 variables to control behavior
var Car_Image_Width=274;
var Car_Image_Height=250;
var Car_Border=true; // true or false
var Car_Border_Color="white";
var Car_Speed=2;
var Car_Direction=true; // true or false
var Car_NoOfSides=8; // must be 4, 6, 8 or 12
...... code deleted to shortem msg ......
function C_LdLnk(){if(this.lnk)window.location.href=this.lnk}
function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}
function C_Rstrt(){C_Stppd=false}
</script>
<style type="text/css">
#supertext {
position:absolute;
Z-INDEX:200;
font-family: Verdana, Arial, Helvetica, sans-serif;
left:300;
top:150;
visibility:hide;
visibility:hidden;
}
</style>
<script language="JavaScript" type="text/jscript">
/*
Bouncy message script- By Dynamicdrive.com
Code based on Lloyd Hassell's, at http://www.dynamicdrive.com/dynamici...ounceimage.htm
For full source, TOS, and 100s DTHML scripts, visit http://dynamicdrive.com
*/
//Configure the below three variables
//1) Set message to display (HTML accepted)
var thecontent='<h2><font color="#00FF00">La Provence Verte<br></font><font color="#0000FF">CentreVAR</font></h2>'
//2) Set delay after which message should be hidden, in miliseconds ('' makes it incessantly visible on the screen)
var hidetimer='';
//3) Set speed of animation (1-50), where larger is faster
var BallSpeed = .8;
///NO NEED TO EDIT BELOW THIS LINE///////////
..... code deleted to shorten msg ................................
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}
</script>
<body onload="Carousel()" background="/MLMmisc/BGMain.jpg" >
<form id="Form1" method="post" runat="server">
<asp:label id="MLM" style="Z-INDEX: 101; LEFT: 300px; POSITION: absolute; TOP: 60px" runat="server"
Font-Names="Monotype Corsiva" Font-Size="X-Large" Width="464px">Méounes-les-Montrieux</asp:label><asp:label id="Bienvenue" style="Z-INDEX: 104; LEFT: 24px; POSITION: absolute; TOP: 40px" runat="server"
Font-Names="Monotype Corsiva" Font-Size="Large" Width="120px">Bienvenue à</asp:label>
<asp:Image id="Panorama" style="Z-INDEX: 102; LEFT: 8px; POSITION: absolute; TOP: 112px" runat="server"
Width="724px" Height="200px" ImageUrl="/MLMmisc/MainTop.jpg"></asp:Image> </form>
<div id="Carousel" style="position:relative ; TOP: 280px; LEFT:2px">
<img src="images/placeholder.gif" width="723" height="252"></div>
</body>
</HTML>
CSS Codes
Reply With Quote
Bookmarks