Thread: Can someone help me
LinkBack URL
About LinkBacks-
01-26-2009, 10:56 AM #1Green Apple
- Join Date
- Oct 2008
- Location
- The "Rock"land Cty NY
- Posts
- 73
- Thanks
- 10
- Thanked 7 Times in 6 Posts
Can someone help me
what do i need to add to this widget so i can change the location of its place..currently you cant move it...
<html>
<head>
<script type="text/javascript">
<!--
var image1=new Image()
image1.src="firstimage.jpg"
var image2=new Image()
image2.src="picture2.jpg"
var image3=new Image()
image3.src="picture3.jpg"
var image4=new Image()
image4.src="picture4.jpg"
var image5=new Image()
image5.src="picture5.jpg"
var image6=new Image()
image6.src="picture6.jpg"
var image7=new Image()
image7.src="picture7.jpg"
var image8=new Image()
image8.src="picture8.jpg"
var image9=new Image()
image9.src="picture9.jpg"
//-->
</script>
</head>
<body background="image.png">
<table style="position: absolute; top: -167px; left: 72px; width: 320px; height: 461px;" cellspacing="" cellpadding="" align="center">
<td height="40" border="0">
</td></table>
<br><br> <img src="firstimage.jpg" name="slide" width="102" height="153" />
<script>
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src" )
if (step<9)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",2500)
}
slideit()
//-->
</script>
</body>
</html>
-
01-26-2009, 12:39 PM #2iPhone? More like MyPhone
- Join Date
- Aug 2008
- Location
- on the outskirts of insanity
- Posts
- 138
- Thanks
- 22
- Thanked 24 Times in 18 Posts
You need to modify the css code to the desired coordinates on the springboard. Here's the section that needs to be changed:
HTML Code:<table style="position: absolute; top: -167px; left: 72px; width: 320px; height: 461px;" cellspacing="" cellpadding="" align="center"> <td height="40" border="0">
-
01-26-2009, 01:20 PM #3Green Apple
- Join Date
- Oct 2008
- Location
- The "Rock"land Cty NY
- Posts
- 73
- Thanks
- 10
- Thanked 7 Times in 6 Posts
i tried that and it doesnt work..anything else maybe a new code?
-
01-26-2009, 07:19 PM #4iPhone? More like MyPhone
- Join Date
- Aug 2008
- Location
- on the outskirts of insanity
- Posts
- 138
- Thanks
- 22
- Thanked 24 Times in 18 Posts
Don't need a new code. That snippet contains the coordinates - that are absolute values for placement. You need to alter the values in that snippet so they match the position you want on your wallpaper (springboard). Did you try to play around with the values?
-
01-27-2009, 04:16 AM #5Green Apple
- Join Date
- Oct 2008
- Location
- The "Rock"land Cty NY
- Posts
- 73
- Thanks
- 10
- Thanked 7 Times in 6 Posts
ok this is the orignal code with no values... and the widget stays on the left upper corner...i want it on the right side but i cant do it..
<html>
<head>
<script type="text/javascript">
<!--
var image1=new Image()
image1.src="firstimage.jpg"
var image2=new Image()
image2.src="picture2.jpg"
var image3=new Image()
image3.src="picture3.jpg"
var image4=new Image()
image4.src="picture4.jpg"
var image5=new Image()
image5.src="picture5.jpg"
var image6=new Image()
image6.src="picture6.jpg"
var image7=new Image()
image7.src="picture7.jpg"
var image8=new Image()
image8.src="picture8.jpg"
var image9=new Image()
image9.src="picture9.jpg"
//-->
</script>
</head>
<body background="image.png">
<br><br> <img src="firstimage.jpg" name="slide" width="102" height="153" />
<script>
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src" )
if (step<9)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",2500)
}
slideit()
//-->
</script>
</body>
</html>
-
01-27-2009, 06:49 AM #6iPhone? More like MyPhone
- Join Date
- Aug 2008
- Location
- on the outskirts of insanity
- Posts
- 138
- Thanks
- 22
- Thanked 24 Times in 18 Posts
You HAVE to include the table style and coordinates. That is the piece that requires modification. The numbers represent the place they appear on the wallpaper. E.g.:
table style="position: absolute; <-- Absolute indicates it's in a fixed location.
top: -167px; <-- -167 pixels from the top. Note they've used a negative number.
left: 72px; <-- 72 pixels in from the left
width: 320px; <-- 320 pixels wide (the width of the wallpaper)
height: 461px;" <-- 461 pixels tall
cellspacing=""
cellpadding=""
align="center"
The two style elements you need to change are top and left. Play around with the numbers until you get it positioned where you want the object to appear. If you're wanting it to appear on the right side, increase the value of "left" to something like 248.
If you're not comfortable with CSS and styles, I highly recommend checking out this tutorial first: CSS TutorialLast edited by dkaye; 01-27-2009 at 06:56 AM. Reason: Updated.
-
01-27-2009, 08:46 AM #7Green Apple
- Join Date
- Oct 2008
- Location
- The "Rock"land Cty NY
- Posts
- 73
- Thanks
- 10
- Thanked 7 Times in 6 Posts
ok..i understand..where do i place the code in the html
-
01-27-2009, 11:38 AM #8iPhone? More like MyPhone
- Join Date
- Aug 2008
- Location
- on the outskirts of insanity
- Posts
- 138
- Thanks
- 22
- Thanked 24 Times in 18 Posts
Go back and look at your original post. The code should remain just like it is there. Change the value of "left" to whatever you want it to be - 248 would move it to the right side.
Reply With Quote
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
