Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

can't put in picture

Status
Not open for further replies.
cannuck3

cannuck3

Technical User
Dec 14, 2006
5
I am total new to Jave and have aquired this script The Carosel works but I can get pistures into it.
Here is the script that is not woking for me.
Can any one help ?
I have trie dto put in Storm1 and bluejay but that is not do it. :)
Thanks Cannuck3
<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Free DHTML scripts provided by Dynamic Drive</title>
</head>

<body onload="Carousel()">
<script type="text/javascript">

/***********************************************
* Carousel Slideshow script- © Ger Versluis 2003
* Permission granted to DynamicDrive.com to feature script
* This notice must stay intact for legal use
* Visit for full source code
***********************************************/

/********************************************************
Create a div with transparent place holder in your html
<div id="Carousel" style="position:relative">
<img src="placeholder.gif" width="404" height="202">
</div>
placeholder width:
4 sided: 1.42 * carousel image width + 3
6 sided: 2 * carousel image width +4
8 sided: 2.62 * carousel image width + 5
12 sided: 3.87 * carousel image width + 7
placeholder height:
carousel image height+2

Insert onload in body tag
<body onload="Carousel()">
*********************************************************/

// 7 variables to control behavior
var Car_Image_Width=225;
var Car_Image_Height=200;
var Car_Border=true; // true or false
var Car_Border_Color="blue";
var Car_Speed=4;
var Car_Direction=true; // true or false
var Car_NoOfSides=4; // must be 4, 6, 8 or 12

/* array to specify images and optional links.
For 4 sided carousel specify at least 2 images
For 6 sided carousel specify at least 3
For 8 sided carousel specify at least 4
For 12 sided carousel specify at least 6
If Link is not needed keep it ""
*/
Car_Image_Sources=new Array(
"storm1.jpg","C:\Documents and Settings\Cannuck3\My Documents\My Webs\myweb4\images",
"bluejays.jpg","C:\Documents and Settings\Cannuck3\My Documents\My Webs\myweb4\images")


/***************** DO NOT EDIT BELOW **********************************/
CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);
C_Coef=new Array(
3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4, 0,
Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);
var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;
C_Pre_Img=new Array(Car_Image_Sources.length);
var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,
C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;

function Carousel(){
if(document.getElementById){
for(i=0;i<Car_Image_Sources.length;i+=2){
C_Pre_Img=new Image();C_Pre_Img.src=Car_Image_Sources}
C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1;
Car_Div=document.getElementById("Carousel");
for(i=0;i<C_HalfNo;i++){
CW_I=document.createElement("img");Car_Div.appendChild(CW_I);
CW_I.style.position="absolute";
CW_I.style.top=0+"px";
CW_I.style.height=Car_Image_Height+"px";
if(Car_Border){
CW_I.style.borderStyle="solid";
CW_I.style.borderWidth=1+"px";
CW_I.style.borderColor=Car_Border_Color}
CW_I.src=Car_Image_Sources[2*i];
CW_I.lnk=Car_Image_Sources[2*i+1];
CW_I.onclick=C_LdLnk;
CW_I.onmouseover=C_Stp;
CW_I.onmouseout=C_Rstrt}
CarImages()}}

function CarImages(){
if(!C_Stppd){
C_TotalW=0;
for(i=0;i<C_HalfNo;i++){
C_ClcW=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width);
C_TotalW+=C_ClcW}
C_LeftOffset=(C_MaxW-C_TotalW)/2;
for(i=0;i<C_HalfNo;i++){
CW_I.style.left=C_LeftOffset+"px";
CW_I.style.width=C_ClcW+"px";
C_LeftOffset+=C_ClcW}
C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1);
if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){
if(C_CrImg==Car_Image_Sources.length)C_CrImg=0;
if(Car_Direction){
CW_I[C_HalfNo]=CW_I[0];
for(i=0;i<C_HalfNo;i++)CW_I=CW_I[i+1];
CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg];
CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1]}
else{ for(i=C_HalfNo;i>0;i--)CW_I=CW_I[i-1];
CW_I[0]=CW_I[C_HalfNo];
CW_I[0].src=Car_Image_Sources[C_CrImg];
CW_I[0].lnk=Car_Image_Sources[C_CrImg+1]}
C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2}}
setTimeout("CarImages()",50)}

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>

<div id="Carousel" style="position:relative">
<img src="placeholder.gif" width="371" height="225">
</div>

<p><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href=" Drive</a></font></p>

</body>

</html>
 
Sort by date Sort by votes
Status
Not open for further replies.

Similar threads

soni21
  • Locked
  • Question
Swagger Integration in Spring Boot: API Documentation Challenges
Replies
0
Views
200
soni21
soni21
soni21
  • Locked
  • Question
Best Practices for Exception Handling in Java
Replies
0
Views
209
soni21
soni21
jmarkus
  • Locked
  • Question
Exception in thread &quot;AWT-EventQueue-0&quot; triggered by normal user, but not administrator
Replies
0
Views
180
jmarkus
jmarkus
Disskyz
  • Locked
  • Question
Need help Parsing Json file in Java
Replies
1
Views
228
Diancecht
Diancecht
Xsi
  • Locked
  • Question
How to use arraylist from one class into another class + add data in Java 1
Replies
5
Views
402
Xsi
Xsi

Part and Inventory Search

Sponsor

Back
Top