thanks
html codes for pictures
Started by
cry44inside
, Jul 16 2005 04:02 AM
#1
Posted 16 July 2005 - 04:02 AM
thanks
#2
Posted 16 July 2005 - 05:47 AM
FF1 = Firefox compatible IE = Internet Explorer compatible
—PICTURE SLIDE SHOWS—
•Picture Slide Shows °Javascript° (FF1+IE): ..::..:::.:..::..::..:::.:::..::...
•Picture Slide Show Generator °Javascript° (FF1+IE): ..::..:::.:..::..::..:::.:::..::...
—NEWS/TEXT SCROLL BARS—
•Scroll Bar °HTML° (FF1+IE): ..::..:::.:..::..::..:::.:::..::...
•SSOne's Scroll Bar Code °Javascript° (FF1+IE):
(Select from the <html> tag to the </html> tag)
<html>
<HEAD>
<TITLE>SSOne - Marquee - For cry44inside</TITLE>
<style type="text/css">
div.scroll {
float:left; /* do NOT change this value */
width:300px; /* width of scroll, can be percentage or a length */
text-align:center; /* alignment of text */
color:white; /* change to color of text */
border-style:dashed; /* style of border */
border-width:0px; /* width of border */
border-color:black; /* color of border */
padding:1px; /* padding between border */
background-color:FF6600; /* bg color */
font-weight:bold; /* bold or normal */
font-style:normal; /* normal or italic */
font-family:Verdana; /* actual font */
font-size:9; /* size of font */
}
</style>
<script type="text/javascript">
/*** EDIT THESE VALUES ONLY, BELOW THIS POINT ***/
// these are the messages that are scrolled, edit them, be sure not
// to change the format they are in, always str[#], where the
// numbers increment as messages increase
var str = new Array()
str[0] = "This is a marqee-type effect made with javascript"
str[1] = "This is what you were looking for right?"
str[2] = "It stops when the user puts his mouse over it"
str[3] = "If you need help understanding how to change any of the code, let me know.."
var charsToShow = 35 // number of characters to show when scrolling at once
var milliFrame = 100 // number of milliseconds to pause between scrolls
var joinChar = "; " // character used to join different elements of str
/*** EDIT THESE VALUES ONLY, ABOVE THIS POINT ***/
/*** NO NEED TO EDIT BEYOND THIS POINT ***/
str[str.length - 1] += joinChar
str = new String(str.join(joinChar))
var show = str.substr(0,charsToShow)
var scrolling;
function scroll() {
// show the current scroll
document.getElementById('scroller').firstChild.nodeValue = show
// set up scroll for next loop
str = str.substr(1,str.length) +""+ str.charAt(0)
show = str.substr(0,charsToShow)
scrolling = setTimeout('scroll()',milliFrame)
}
function stopScroll() {
// stop scrolling
clearTimeout(scrolling)
}
function startScroll() {
// start scrolling again
scrolling = setTimeout('scroll()',milliFrame)
}
/*** NO NEED TO EDIT ABOVE THIS POINT ***/
</script>
</head>
<!-- YOU MAY REMOVE THE TEXT BELOW THIS NOTICE-->
<font face="Verdana" color="00719E" size="-1"><b>Analog Clock (static) for </b></font><a href="http://www.geekstogo...de-m87146.html" class="menu"><font face="Verdana" color="FF6600" size="-1"><b>Cry44inside</b></font></a><font face="Verdana" color="00719E" size="-1"><b> on geekstogo.com</b></font><br><br>
<font face="Verdana" color="00719E" size="-2">Look below for the news/text scroller.</font><br>
<font face="Verdana" color="00719E" size="-2">-SSOne</font>
<!-- YOU MAY REMOVE THE TEXT ABOVE THIS NOTICE-->
<!-- If other body onloads, add all here and separate by a ;
If any window.onloads, place here & separate by a ; -->
<body onload="scroll();copyright()">
<!-- Any other body content here -->
<div id="scroller" onmouseover="stopScroll()" onmouseout="startScroll()" class="scroll">_</div>
<!-- Any other body content here -->
</body>
</html>
Let me know if you need help with anything
—PICTURE SLIDE SHOWS—
•Picture Slide Shows °Javascript° (FF1+IE): ..::..:::.:..::..::..:::.:::..::...
•Picture Slide Show Generator °Javascript° (FF1+IE): ..::..:::.:..::..::..:::.:::..::...
—NEWS/TEXT SCROLL BARS—
•Scroll Bar °HTML° (FF1+IE): ..::..:::.:..::..::..:::.:::..::...
•SSOne's Scroll Bar Code °Javascript° (FF1+IE):
(Select from the <html> tag to the </html> tag)
<html>
<HEAD>
<TITLE>SSOne - Marquee - For cry44inside</TITLE>
<style type="text/css">
div.scroll {
float:left; /* do NOT change this value */
width:300px; /* width of scroll, can be percentage or a length */
text-align:center; /* alignment of text */
color:white; /* change to color of text */
border-style:dashed; /* style of border */
border-width:0px; /* width of border */
border-color:black; /* color of border */
padding:1px; /* padding between border */
background-color:FF6600; /* bg color */
font-weight:bold; /* bold or normal */
font-style:normal; /* normal or italic */
font-family:Verdana; /* actual font */
font-size:9; /* size of font */
}
</style>
<script type="text/javascript">
/*** EDIT THESE VALUES ONLY, BELOW THIS POINT ***/
// these are the messages that are scrolled, edit them, be sure not
// to change the format they are in, always str[#], where the
// numbers increment as messages increase
var str = new Array()
str[0] = "This is a marqee-type effect made with javascript"
str[1] = "This is what you were looking for right?"
str[2] = "It stops when the user puts his mouse over it"
str[3] = "If you need help understanding how to change any of the code, let me know.."
var charsToShow = 35 // number of characters to show when scrolling at once
var milliFrame = 100 // number of milliseconds to pause between scrolls
var joinChar = "; " // character used to join different elements of str
/*** EDIT THESE VALUES ONLY, ABOVE THIS POINT ***/
/*** NO NEED TO EDIT BEYOND THIS POINT ***/
str[str.length - 1] += joinChar
str = new String(str.join(joinChar))
var show = str.substr(0,charsToShow)
var scrolling;
function scroll() {
// show the current scroll
document.getElementById('scroller').firstChild.nodeValue = show
// set up scroll for next loop
str = str.substr(1,str.length) +""+ str.charAt(0)
show = str.substr(0,charsToShow)
scrolling = setTimeout('scroll()',milliFrame)
}
function stopScroll() {
// stop scrolling
clearTimeout(scrolling)
}
function startScroll() {
// start scrolling again
scrolling = setTimeout('scroll()',milliFrame)
}
/*** NO NEED TO EDIT ABOVE THIS POINT ***/
</script>
</head>
<!-- YOU MAY REMOVE THE TEXT BELOW THIS NOTICE-->
<font face="Verdana" color="00719E" size="-1"><b>Analog Clock (static) for </b></font><a href="http://www.geekstogo...de-m87146.html" class="menu"><font face="Verdana" color="FF6600" size="-1"><b>Cry44inside</b></font></a><font face="Verdana" color="00719E" size="-1"><b> on geekstogo.com</b></font><br><br>
<font face="Verdana" color="00719E" size="-2">Look below for the news/text scroller.</font><br>
<font face="Verdana" color="00719E" size="-2">-SSOne</font>
<!-- YOU MAY REMOVE THE TEXT ABOVE THIS NOTICE-->
<!-- If other body onloads, add all here and separate by a ;
If any window.onloads, place here & separate by a ; -->
<body onload="scroll();copyright()">
<!-- Any other body content here -->
<div id="scroller" onmouseover="stopScroll()" onmouseout="startScroll()" class="scroll">_</div>
<!-- Any other body content here -->
</body>
</html>
Let me know if you need help with anything
Similar Topics
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users