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

Recent

Welcome to TinyPortal. Please login or sign up.

May 17, 2024, 07:29:48 AM

Login with username, password and session length
Members
  • Total Members: 3,886
  • Latest: Grendor
Stats
  • Total Posts: 195,189
  • Total Topics: 21,220
  • Online today: 59
  • Online ever: 3,540 (September 03, 2022, 01:38:54 AM)
Users Online
  • Users: 0
  • Guests: 36
  • Total: 36

Links Block

Started by ontap, January 07, 2006, 11:34:00 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

blowback

I get it to work fine with images but when I go to a forum board or post the box becomes blank is this a mistake or something to do with the java script code?

Maviarab

#21
How did you manage to get this working with images blowback?

Not managed to get it working yet myself, I either corrupt it totally or leave myself with a blank block.

EDIT

Ok have the images working...but its now 'pushing' the rest past the block border so its overlapping. Using IE7, have checked in FF too and same result. Yet apparently in IE6 (friends pc) its nicely inside the block.

ANyone else having this problem?

blowback

I don't have ie7 so I can't check if mine goes outside the border on it, although you can
www.spiritodipunto.com
Have you resized the images to fit inside the block?

pvcblue

I have IE7 and his images show inside the block.

Maviarab

Right you just have 1 image fading...looks nice...

I currently have 1 image (within size limit) and the rest the default code text (while was testing)...and its pushing the text out of the block. Was wanting to have more than 1 image showing at a time...I'll keep playing with it..I'll suss it sooner or later hehe

pvcblue

#25
Mavi - I use this script to have "rotating linked images" it is in a script block.



<center>
  <table width="135" height="200" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td height="100" align="center" valign="middle"><center>
          <ilayer id="l1">
          <layer id="l2">
          <div id="l1">
            <div id="l3" style="position:relative"> </div>
          </div>
          </layer>
          </ilayer>
          <script language="JavaScript">
<!--


var bannerArray = new Array();
var myCount=0;
// Banner Code Assignment
bannerArray[0] = "<A HREF=\"http://www.thiersite.com\" target=\"_blank\"><IMG SRC=\"http://www.yoursite.com/imagefolder/image.jpg\" border=\"0\"></A>";
bannerArray[1] = "<A HREF=\"http://www.thiersite.com\" target=\"_blank\"><IMG SRC=\"http://www.yoursite.com/imagefolder/image.jpg\" border=\"0\"></A>";
bannerArray[2] = "<A HREF=\"http://www.thiersite.com\" target=\"_blank\"><IMG SRC=\"http://www.yoursite.com/imagefolder/image.jpg\" border=\"0\"></A>";
bannerArray[3] = "<A HREF=\"http://www.thiersite.com\" target=\"_blank\"><IMG SRC=\"http://www.yoursite.com/imagefolder/image.jpg\" border=\"0\"></A>";
bannerArray[4] = "<A HREF=\"http://www.thiersite.com\" target=\"_blank\"><IMG SRC=\"http://www.yoursite.com/imagefolder/image.jpg\" border=\"0\"></A>";
bannerArray[5] = "<A HREF=\"http://www.thiersite.com\" target=\"_blank\"><IMG SRC=\"http://www.yoursite.com/imagefolder/image.jpg\" border=\"0\"></A>";
bannerArray[6] = "<A HREF=\"http://www.thiersite.com\" target=\"_blank\"><IMG SRC=\"http://www.yoursite.com/imagefolder/image.jpg\" border=\"0\"></A>";
bannerArray[7] = "<A HREF=\"http://www.thiersite.com\" target=\"_blank\"><IMG SRC=\"http://www.yoursite.com/imagefolder/image.jpg\" border=\"0\"></A>";

bannerRotate();

function bannerRotate() {

if(myCount > bannerArray.length-1){myCount=0;}

// Write out rotation
if (document.all){ // it is IE
document.all.l3.innerHTML=bannerArray[myCount];
}

else if (document.layers){ // it is NN

document.layers.l1.document.layers.l2.document.open();
document.layers.l1.document.layers.l2.document.write(bannerArray[myCount]);
document.layers.l1.document.layers.l2.document.close();
}
setTimeout("bannerRotate()", 6000);
myCount++;
}
// -->
</script>
        </center></td>
    </tr>
  </table>
</center>



This works fine on my site in IE7, and opens the links in a new window.

Now if you just want a block with a list of images that link out you could use this code,



<p align="center"><a href="http://www.yoursite.com/" target="_blank"><img border="0" src="http://www.yoursite.com/images/image.gif" /></a></p>
<p align="center"><a href="http://www.yoursite.com/" target="_blank"><img border="0" src="http://www.yoursite.com/images/image.gif" /></a></p><p align="center"><a href="http://www.yoursite.com/" target="_blank"><img border="0" src="http://www.yoursite.com/images/image.gif" /></a></p>
<p align="center"><a href="http://www.yoursite.com/" target="_blank"><img border="0" src="http://www.yoursite.com/images/image.gif" /></a></p><p align="center"><a href="http://www.yoursite.com/" target="_blank"><img border="0" src="http://www.yoursite.com/images/image.gif" /></a></p>
<p align="center"><a href="http://www.yoursite.com/" target="_blank"><img border="0" src="http://www.yoursite.com/images/image.gif" /></a></p><p align="center"><a href="http://www.yoursite.com/" target="_blank"><img border="0" src="http://www.yoursite.com/images/image.gif" /></a></p>
<p align="center"><a href="http://www.yoursite.com/" target="_blank"><img border="0" src="http://www.yoursite.com/images/image.gif" /></a></p>




repeating it as necessary, it is HTML but you may have to put it in a script block.

blowback

Do your link disapear when you visit a forum forum board?

pvcblue

Quote from: blowback on May 17, 2007, 07:15:29 PM
Do your link disapear when you visit a forum forum board?

Dissapear? Using the codes I posted they stay and the rotating one continues to rotate even after beung clicked.

Maviarab

Thanks for that...already have a static one (very simple to do) but as I stated you only have '1 image' fading at a timer...i was looking at having more than that....thats where it starts to overlap. Just one image at a time showing works perfectly...

blowback

Quote from: Maviarab on May 18, 2007, 12:02:16 AM
Thanks for that...already have a static one (very simple to do) but as I stated you only have '1 image' fading at a timer...i was looking at having more than that....thats where it starts to overlap. Just one image at a time showing works perfectly...

I'm not sure what you mean I have just repeated the same image for ilistration purposes on my site www.spiritodipunto.com and it works fine?
I still don't understand why the images disapear when I enter a forum board, if I leave some text and some images the text stays but the images disappear.

@pvcblue  I tried your code with an image but nothing appeared just a blank box what could I be doing wrong?