WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1Banner Jumble? Empty Banner Jumble? Tue Mar 30, 2010 5:23 am

Matti

Matti
Registered Member
Registered Member
this is the script you guys have post it here for banner jumble but I can't figure out where the image of the banner goes! can you tell me where can I put the url of the banner...

Code:
<SCRIPT LANGUAGE="JavaScript">
var theImages = new Array()

//Random-loading images
theImages[0] = 'IMAGE URL 1'
theImages[1] = 'IMAGE URL 2'
theImages[2] = 'IMAGE URL 3'
theImages[3] = 'IMAGE URL 4'

var j = 0
var p = theImages.length;
var preBuffer = new Array()

for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));

function showImage(){
if(whichImage==0){
document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=452 height=181></a>');
}
else if(whichImage==1){
document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=452 height=181></a>');
}
else if(whichImage==2){
document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=452 height=181></a>');
}
else if(whichImage==3){
document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=452 height=181></a>');
}
else if(whichImage==4){
document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=452 height=181></a>');
}

}

</script>



<script>showImage();</script>

http://csshelp.forumotion.net/

2Banner Jumble? Empty Re: Banner Jumble? Tue Mar 30, 2010 6:45 am

Joel

Joel
Registered Member
Registered Member
Code:

var theImages = new
Array()

//Random-loading images
theImages[0] = 'INSERT YOUR IMAGE URL HERE'
theImages[1]
 = 'INSERT YOUR IMAGE URL HERE'
theImages[2] = 'INSERT YOUR IMAGE URL HERE'
theImages[3] =
'INSERT YOUR IMAGE URL HERE'

var j = 0
var p = theImages.length;
var
preBuffer = new Array()

for (i = 0; i < p; i++){
preBuffer[i]
 = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage
 = Math.round(Math.random()*(p-1));

function showImage(){
if(whichImage==0){
document.write('[img(452,181)]'+theImages[WHICH IMAGE NUMBER? 1,2,3?]+'[/img]');
}
else if(whichImage==1){
document.write('[img(452,181)]'+theImages[WHICH IMAGE NUMBER? 1,2,3?]+'[/img]');
}
else if(whichImage==2){
document.write('[img(452,181)]'+theImages[whichImage]+'[/img]');
}
else if(whichImage==3){
document.write('[img(452,181)]'+theImages[whichImage]+'[/img]');
}
else if(whichImage==4){
document.write('[img(452,181)]'+theImages[WHICH IMAGE NUMBER? 1,2,3?]+'[/img]');
}

}





showImage();


Okay, just read the stuffs in CAPS LOCK;)

http://www.advertisehotspot.info/

3Banner Jumble? Empty Re: Banner Jumble? Tue Mar 30, 2010 7:18 am

Matti

Matti
Registered Member
Registered Member
Not working

I put the images => theImages[3] =
'INSERT YOUR IMAGE URL HERE' >> not working

Code:

//Random-loading images
theImages[0] = 'here'
theImages[1]
 = 'here'
theImages[2] = 'BUT'
theImages[3] =
'NOT WORKING'

http://csshelp.forumotion.net/

4Banner Jumble? Empty Re: Banner Jumble? Tue Mar 30, 2010 10:13 am

Sanket

Sanket
Administrator
Administrator
What is the total code you inserted?

http://www.webartzforum.com

5Banner Jumble? Empty Re: Banner Jumble? Tue Mar 30, 2010 12:34 pm

Matti

Matti
Registered Member
Registered Member
Sanket wrote:What is the total code you inserted?

both of them, and that goes on the homepage right.

http://csshelp.forumotion.net/

6Banner Jumble? Empty Re: Banner Jumble? Tue Mar 30, 2010 1:58 pm

Joel

Joel
Registered Member
Registered Member
yes, the homepage.

Code:

var theImages = new Array()

//Random-loading images
theImages[0] = 'http://i10.servimg.com/u/f10/14/40/03/60/vhog310.gif'
theImages[1] = 'http://i162.photobucket.com/albums/t254/green-cow/graphix/ad_hotspot.png'
theImages[2] = 'http://i526.photobucket.com/albums/cc342/pikachupalooza/newbanner.png'
theImages[3] = 'http://i526.photobucket.com/albums/cc342/pikachupalooza/banner-1-1.gif'

var j = 0
var p = theImages.length;
var preBuffer = new Array()

for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));

function showImage(){
if(whichImage==0){
document.write('[url=http://www.webartzforum.com/][img(452,135)]'+theImages[0]+'[/img][/url]');
}
else if(whichImage==1){
document.write('[url=http://www.webartzforum.com/][img(460,135)]'+theImages[1]+'[/img][/url]');
}
else if(whichImage==2){
document.write('[url=http://www.webartzforum.com/][img(452,135)]'+theImages[2]+'[/img][/url]');
}
else if(whichImage==3){
document.write('[url=http://www.webartzforum.com/][img(452,181)]'+theImages[3]+'[/img][/url]');
}
else if(whichImage==4){
document.write('[url=http://www.webartzforum.com/][img(600,200)]'+theImages[whichImage]+'[/img][/url]');
}

}



showImage();





div.pre{
background:#f9f9f9;
border:1px solid #cacaca;
position:fixed;
width: 800px;
top: auto;
right: 0;
margin: 0 auto;
bottom: 0;
left: 0;"
z-index:1000;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
height:25px;
}






The above codes is what i'm currently using for AH's banner jumble. Just do the changes and it will appear like this

Every refresh (f5) will being you a different banner. (most of the time)

http://www.advertisehotspot.info/

7Banner Jumble? Empty Re: Banner Jumble? Tue Mar 30, 2010 3:26 pm

Matti

Matti
Registered Member
Registered Member
Joel, the code doesn't work what I'm doing wrong please help.

here's my test forum => http://punforum.forumotion.com/index.htm see how it appear the only thing you see is the code.


Edit: my forum version is phpBB3 dose that work for phpBB3 anyway.

http://csshelp.forumotion.net/

8Banner Jumble? Empty Re: Banner Jumble? Tue Mar 30, 2010 3:29 pm

Sanket

Sanket
Administrator
Administrator
http://www.webartzforum.com/html-hyper-text-markup-language-f5/banner-jumble-t235.htm#3694

Use this, you posted an incomplete code.

http://www.webartzforum.com

9Banner Jumble? Empty Re: Banner Jumble? Tue Mar 30, 2010 3:43 pm

Matti

Matti
Registered Member
Registered Member
Thank you guys Smile

Btw. the problem was there where it says Your forum redirects to: it was on The portal hehe...and I change it to The forum index and works fine haha lol funny!

Thanks! a lot
Solved...!

Please don't lock cuz the banners not changing how much time dose it take to refresh and show another banner

http://csshelp.forumotion.net/

10Banner Jumble? Empty Re: Banner Jumble? Tue Mar 30, 2010 4:20 pm

Joel

Joel
Registered Member
Registered Member
time taken to refresh and show another banner?

http://www.advertisehotspot.info/

11Banner Jumble? Empty Re: Banner Jumble? Tue Mar 30, 2010 8:28 pm

Matti

Matti
Registered Member
Registered Member
I got that but there is another problem when I click on the banner I got error 404 - Not Found and how do I put the link of the forums there so when you click on the banner send you to the forum.

http://csshelp.forumotion.net/

12Banner Jumble? Empty Re: Banner Jumble? Tue Mar 30, 2010 9:54 pm

Sanket

Sanket
Administrator
Administrator
link.html

That thing did you change in the code?

http://www.webartzforum.com

13Banner Jumble? Empty Re: Banner Jumble? Tue Mar 30, 2010 10:27 pm

shamzblueworld

shamzblueworld
Registered Member
Registered Member
Can we do it with the main banner of the forum? Can we jumble that?

14Banner Jumble? Empty Re: Banner Jumble? Wed Mar 31, 2010 12:06 am

Matti

Matti
Registered Member
Registered Member
Sanket wrote:link.html

That thing did you change in the code?

Nope. I have no idea where to change the code could you Sanket help me with it.

http://csshelp.forumotion.net/

15Banner Jumble? Empty Re: Banner Jumble? Wed Mar 31, 2010 12:16 am

Sanket

Sanket
Administrator
Administrator
Whats the code that you are currently using now?

Which images should have which links tell me that.

http://www.webartzforum.com

16Banner Jumble? Empty Re: Banner Jumble? Wed Mar 31, 2010 1:30 am

Matti

Matti
Registered Member
Registered Member
This is the current code that I use and as you I only have my forum banner image and where do I put the forum url can you edit that for me like this FORUM_URL_HERE and IMAGE_URL_HERE.
Thanks very much

Code:

 <SCRIPT LANGUAGE="JavaScript">
var theImages = new Array()

//Random-loading images
theImages[0] = 'http://i63.servimg.com/u/f63/14/53/79/27/banner10.png'
theImages[1] = 'http://i63.servimg.com/u/f63/14/53/79/27/banner10.png'
theImages[2] = 'http://i63.servimg.com/u/f63/14/53/79/27/banner10.png'
theImages[3] = 'http://i63.servimg.com/u/f63/14/53/79/27/banner10.png'

var j = 0
var p = theImages.length;
var preBuffer = new Array()

for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));

function showImage(){
if(whichImage==0){
document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=452 height=181></a>');
}
else if(whichImage==1){
document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=452 height=181></a>');
}
else if(whichImage==2){
document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=452 height=181></a>');
}
else if(whichImage==3){
document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=452 height=181></a>');
}
else if(whichImage==4){
document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=452 height=181></a>');
}

}

</script>



<script>showImage();</script>

http://csshelp.forumotion.net/

17Banner Jumble? Empty Re: Banner Jumble? Thu Apr 01, 2010 1:01 am

Matti

Matti
Registered Member
Registered Member
-Bump-

http://csshelp.forumotion.net/

18Banner Jumble? Empty Re: Banner Jumble? Thu Apr 01, 2010 1:07 am

Sanket

Sanket
Administrator
Administrator
link.html

Can you see that at the end of your code? You need to change it there. Add the url of those forums there.

http://www.webartzforum.com

19Banner Jumble? Empty Re: Banner Jumble? Thu Apr 01, 2010 1:23 am

Matti

Matti
Registered Member
Registered Member
document.write('<a href ="YOU MEAN HERE"><img src="'+theImages[whichImage]+'" border=0 width=452 height=181></a>');


Code:
document.write('<a href ="[color=red]YOU MEAN HERE[/color]"><img src="'+theImages[whichImage]+'" border=0 width=452 height=181></a>');

http://csshelp.forumotion.net/

20Banner Jumble? Empty Re: Banner Jumble? Thu Apr 01, 2010 10:18 am

Sanket

Sanket
Administrator
Administrator
Nevermind, can you tell me the link for the corresponding image?

http://www.webartzforum.com

21Banner Jumble? Empty Re: Banner Jumble? Thu Apr 01, 2010 4:08 pm

Matti

Matti
Registered Member
Registered Member
=> http://forumtutorials.forumotion.com/

Banner => https://i.servimg.com/u/f63/14/53/79/27/banner10.png

Current code:

Code:

 <SCRIPT LANGUAGE="JavaScript">
var theImages = new Array()

//Random-loading images
theImages[0] = 'http://i63.servimg.com/u/f63/14/53/79/27/banner10.png'
theImages[1] = 'http://i63.servimg.com/u/f63/14/53/79/27/banner10.png'
theImages[2] = 'http://i63.servimg.com/u/f63/14/53/79/27/banner10.png'
theImages[3] = 'http://i63.servimg.com/u/f63/14/53/79/27/banner10.png'

var j = 0
var p = theImages.length;
var preBuffer = new Array()

for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));

function showImage(){
if(whichImage==0){
document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=452 height=181></a>');
}
else if(whichImage==1){
document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=452 height=181></a>');
}
else if(whichImage==2){
document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=452 height=181></a>');
}
else if(whichImage==3){
document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=452 height=181></a>');
}
else if(whichImage==4){
document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=452 height=181></a>');
}

}

</script>



<script>showImage();</script>

how dose this works...

http://csshelp.forumotion.net/

22Banner Jumble? Empty Re: Banner Jumble? Thu Apr 01, 2010 4:47 pm

Joel

Joel
Registered Member
Registered Member
its easy.

your current
Code:
theImages[0] =
'http://i63.servimg.com/u/f63/14/53/79/27/banner10.png'
theImages[1] =
 'http://i63.servimg.com/u/f63/14/53/79/27/banner10.png'
theImages[2]
 = 'http://i63.servimg.com/u/f63/14/53/79/27/banner10.png'
theImages[3]
 = 'http://i63.servimg.com/u/f63/14/53/79/27/banner10.png'

is correct. Now to do the changes for
Code:
function showImage(){
if(whichImage==0){
document.write('<a
 href ="link.html"><img src="'+theImages[whichImage]+'" border=0
width=452 height=181></a>');
}
else if(whichImage==1){
document.write('<a
 href ="link.html"><img src="'+theImages[whichImage]+'" border=0
width=452 height=181></a>');
}
else if(whichImage==2){
document.write('<a
 href ="link.html"><img src="'+theImages[whichImage]+'" border=0
width=452 height=181></a>');
}
else if(whichImage==3){
document.write('<a
 href ="link.html"><img src="'+theImages[whichImage]+'" border=0
width=452 height=181></a>');
}
else if(whichImage==4){
document.write('<a
 href ="link.html"><img src="'+theImages[whichImage]+'" border=0
width=452 height=181></a>');
}

http://www.advertisehotspot.info/

23Banner Jumble? Empty Re: Banner Jumble? Sat Apr 03, 2010 12:23 am

Matti

Matti
Registered Member
Registered Member
Thanks!
solved...

http://csshelp.forumotion.net/

24Banner Jumble? Empty Re: Banner Jumble? Sat Apr 03, 2010 1:49 am

Sanket

Sanket
Administrator
Administrator
Solved | LOcked

http://www.webartzforum.com

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum