Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

html codes for pictures


  • Please log in to reply

#1
cry44inside

cry44inside

    New Member

  • Member
  • Pip
  • 1 posts
alright well i got my tag (i think thats what its called) from photobucket.com so my picture shows up on my myspace page but i have multiple pictures i want to put on there. Problem there obviously (because i cant take up like A WHOLE BUNCH of room) so i want a slide show type thing. i know theres a html code for it to just make the pictures move right to left or left to right in a specifided area because ive seen it before. Ive tried doing a search for it but all that stuff it gives me is extremely confusing and the wrong type of slide show i want. another thing that would work is just one of those things where it makes its own little like scroll bar for its own thing but i dont know how to do that either. so PLEASE help me! :tazz:
thanks
  • 0

Advertisements


#2
ssone

ssone

    Member

  • Member
  • PipPipPip
  • 301 posts
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 :tazz:
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP