TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

March 29, 2024, 05:02:11 AM

Login with username, password and session length
Members
Stats
  • Total Posts: 195,105
  • Total Topics: 21,213
  • Online today: 310
  • Online ever: 3,540 (September 03, 2022, 01:38:54 AM)
Users Online
  • Users: 1
  • Guests: 303
  • Total: 304
  • lurkalot

Image Slider With Links?

Started by NeoMorph, March 25, 2010, 11:46:45 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

othg_weasel

well the images are there just way out the the right..
See attached pic.

IchBin

Try this:
echo '<style type="text/css"><!--

#stormscontainer{
position: relative;
width: 140px; /*marquee width */
height: 280px; /*marquee height */
overflow: hidden;
border: 0px solid #CF2E2E;
padding: 0px;
margin: 0px;
text-align: left;
}   
--></style>';

echo "
<script type=\"text/javascript\">

/***********************************************
* Cross browser Marquee II- ? Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

var delaybbeforescroll=2000; //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
var stormsspeed=1; //Specify storms scroll speed (larger is faster 1-10)
var pits=1; //Pause storms onMousever (0=no. 1=yes)?

////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=stormsspeed;
var pausespeed=(pits==0)? copyspeed: 0;
var actualheight='';

function scrollstorms(){
if (parseInt(cross_storms.style.top)>(actualheight*(-1)+8))
cross_storms.style.top=parseInt(cross_storms.style.top)-copyspeed+\"px\";
else
cross_storms.style.top=parseInt(stormsheight)+8+\"px\";
}

function initializestorms(){
cross_storms=document.getElementById(\"vstorms\");
cross_storms.style.top=0;
stormsheight=document.getElementById(\"stormscontainer\").offsetHeight;
actualheight=cross_storms.offsetHeight;
if (window.opera || navigator.userAgent.indexOf(\"Netscape/7\")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_storms.style.height=stormsheight+\"px\";
cross_storms.style.overflow=\"scroll\";
return;
}
setTimeout('lefttime=setInterval(\"scrollstorms()\",30)', delaybbeforescroll);
}

if (window.addEventListener)
window.addEventListener(\"load\", initializestorms, false);
else if (window.attachEvent)
window.attachEvent(\"onload\", initializestorms);
else if (document.getElementById)
window.onload=initializestorms;


</script>";

echo '<div align="center">
<div id="stormscontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=stormsspeed">
<div id="vstorms" style="position: absolute; width: 98%;">

<!--YOUR SCROLL CONTENT HERE-->

<p align="center">
<a href="" target="_self"><img src="/sponsors/fox.jpg" alt="" border="0px" width="125px" /></a>
</p>
<p align="center">
<a href="" target="_self"><img src="/sponsors/dunlop.jpg" alt="" border="0px" width="125px" /></a>
</p>
<p align="center">
<a href="" target="_self"><img src="/sponsors/amsoil.jpg" alt="Davids Laser" border="0px" width="125px" /></a>
</p>
<p align="center">
<a href="" target="_self"><img src="/sponsors/hazardous.jpg" alt="Davids Laser" border="0px" width="125px" /></a>
</p>
<p align="center">
<a href="" target="_self"><img src="/sponsors/racetech.jpg" alt="" border="0px" width="125px" /></a>
</p>
<p align="center">
<a href="" target="_self"><img src="/sponsors/shoel.jpg" alt="" border="0px" width="125px" /></a>
</p>
<p align="center">
<a href="" target="_self"><img src="/sponsors/spyoptic.jpg" alt="" border="0px" width="105px" /></a>
</p>
<p align="center">
<a href="" target="_self"><img src="/sponsors/surdyke.jpg" alt="" border="0px" width="97px" /></a>
</p>
<p align="center">
<a href="" target="_self"><img src="/sponsors/taper.jpg" alt="" border="0px" width="125px" /></a>
</p>
<p align="center">
<a href="" target="_self"><img src="/sponsors/thor.jpg" alt="" border="0px" width="125px" /></a>
</p>
<p align="center">
<a href="" target="_self"><img src="/sponsors/twin_air.jpg" alt="" border="0px" width="125px" /></a>
</p>

<!--YOUR SCROLL CONTENT HERE-->

</div>
</div></div>';

othg_weasel

works perfect IchBin!!

Thanks a bunch!!

Blue Steel

IchBin beat me to it .. lol

I was busy elsewhere .. sorry

othg_weasel

Thanks for all your help guys...