Idea of work: [url]http://theftalk.com/t2599-Images-With-Links-Youtube-Sidebar.html[/url]
Alternative way for your linkages
Will minimized the space consumption of your linkages
Can rotate all your linkages 1 by 1
Browser Compatibility : Cross Browser...
Credits:
[b]webdeveloper.net[/b]
[b]Me.. for friendster application[/b]
[b] ephe for some of his linkages[/b]
First Step... Place this inside your onload handler... ([b]REQUIRES ADDBOX FUNCTION[/b])
[quote]var getObssj="<center><a href='[b]URL OF 1ST IMG[/b]' id='adLink1' target='_top'><img src='[b]LINK OF 1ST IMG[/b]' id='adBanner1' border='0'></center>";
addBox("RIGHT","YOUR TITLE HERE",getObssj,"obsej",null);
window.setInterval("cycle1()",3000);[/quote]
[quote]Note: URL OF 1ST IMG and LINK OF 1ST IMG should be equal to the URL OF 1ST IMAGE and LINK OF 1ST IMG below Final Step..[/quote]
Final Step.. Place this below your js codes
This is for 8 links ... you can add more links as long as you want or decrease your links if you like...
[quote]//Always-on-top message
//For full source code, and Terms Of use, visit friendstertalk.com
//This credit MUST stay intact for use by Blurrycloud
var imgs1 = new Array("[b]URL OF 1ST IMAGE[/b]","[b]URL OF 2ND IMAGE[/b]","[b]URL OF 3RD IMAGE[/b]","[b]URL OF 4TH IMAGE[/b]","[b]URL OF 5TH IMAGE IMAGE[/b]","[b]URL OF 6TH IMAGE IMAGE[/b]","[b]URL OF 7TH IMAGE IMAGE[/b]","[b]URL OF 8TH IMAGE IMAGE[/b]");
var lnks1 = new Array("[b]LINK OF 1ST IMAGE[/b]","[b]LINK OF 2ND IMAGE[/b]","[b]LINK OF 3RD IMAGE[/b]","[b]LINK OF 4TH IMAGE[/b]","[b]LINK OF 5TH IMAGE[/b]","[b]LINK OF 6TH IMAGE[/b]","[b]LINK OF 7TH IMAGE[/b]","[b]LINK OF 8TH IMAGE[/b]");
var alt1 = new Array("[b]ALT OF 1ST IMAGE[/b]","[b]ALT OF 2ND IMAGE[/b]","[b]ALT OF 3RD IMAGE[/b]","[b]ALT OF 4TH IMAGE[/b]","[b]ALT OF 5TH IMAGE[/b]","[b]ALT OF 6TH IMAGE[/b]","[b]ALT OF 7TH IMAGE[/b]","[b]ALT OF 8TH IMAGE[/b]");
var currentAd1 = 1;
var imgCt1 = [color=red]8[/color];
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}[/quote]
For ex.
[b]URL OF IMG[/b] =
http://img.photobucket.com/albums/v674/EphimeralKaizer/tsbuttonpl0.gif
[b]LINK OF IMG[/b] =
http://www.techno-sisters.net/
[b]ALT OF IMG[/b] = Techno-Sisters
[quote]Note:
the # of your linkages should be equal to var imgCt1 = [color=red]#[/color];
for ex. you have [color=red]8[/color] linkages the code below should be
imgCt1 = [color=red]8[/color];[/quote]
Ex of Finish Final Step Code...
[quote]//Always-on-top message
//For full source code, and Terms Of use, visit friendstertalk.com
//This credit MUST stay intact for use by Blurrycloud
var imgs1 = new Array("[b]
http://h1.ripway.com/cloudnakpil/images/linkme.gif[/b]","[b]
http://h1.ripway.com/twistedcloud/tracker13/images/119699984529617.gif[/b]","[b]
http://www.friendsterlayoutsonline.com/8831.gif[/b]",
"[b]
http://i11.photobucket.com/albums/a192/Miyako555/beta2.gif[/b]","http://i137.photobucket.com/albums/q205/ezil2007/link_ezil2.gif","http://i156.photobucket.com/albums/t5/pinkiztah03/pinkbutton.gif",
"http://img.photobucket.com/albums/v674/EphimeralKaizer/tsbuttonpl0.gif","http://i124.photobucket.com/albums/p16/o17layoutz2/llayouts/llbutton.gif");
var lnks1 = new Array("[b]
http://profiles.friendster.com/19997520[/b]","[b]
http://profiles.friendster.com/53325466[/b]","[b]
http://www.friendsterlayoutsonline.com/[/b]","[b]
http://profiles.friendster.com/34642188[/b]","http://profiles.friendster.com/27062147","http://profiles.friendster.com/pinkiztah03","http://www.techno-sisters.net/","http://lunatic-layoutz.blogs.friendster.com/lunatic/");
var alt1 = new Array("[b]blurrycloud[/b]","[b]aikhee[/b]","[b]techno-sister[/b]","[b]shirowmasumune[/b]","alt5","alt6","alt7","alt8");
var currentAd1 = 1;
var imgCt1 = [color=red]8[/color];
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}[/quote]
That's it very easy ei? Goodluck.. Happy Tweaking..
//Codes for Linkages under controlpannel buttons
Place inside your onload handler if you like this option..
[quote]var FtalkRules;
try
{FtalkRules = document.createElement("div");
}
catch (e)
{FtalkRules = document.createElement("<div>");
}
FtalkRules.setAttribute("style","text-align:center;padding-top: 5px");
FtalkRules.innerHTML = "<br><div align=\"center\"><a href='[b]URL OF 1ST IMG[/b]' id='adLink1' target='_top'><img src='[b]LINK OF 1ST IMG[/b]' id='adBanner1' border='0'</div>";
document.getElementById("controlPanelButtons").parentNode.appendChild(FtalkRules);
window.setInterval("cycle1()",3000);[/quote]
Last edited by blurrycloud (2008-09-13 07:01:52)