Random image script with link, alt, and title attributes

Olly

I've found a basic script, however I also need to add alt and title
attributes as well, how would I go about doing this?

Here's the script I found:
Thanks

<script language="JavaScript">

</script>

--
Olly

Using Opera's revolutionary e-mail client: http://www.opera.com/m2/

Jul 23 '05 #1

Subscribe Post Reply

3354

Olly

sorry I missed this off, but if possible could it also be in a *.js file?

On Tue, 25 May 2004 16:49:11 +0100, Olly <ol********@yahoo.co.uk> wrote:

I've found a basic script, however I also need to add alt and title
attributes as well, how would I go about doing this?

Here's the script I found:
Thanks

<script language="JavaScript">

</script>

--
Olly

Using Opera's revolutionary e-mail client: http://www.opera.com/m2/

Jul 23 '05 #2

Lee

Olly said:

sorry I missed this off, but if possible could it also be in a *.js file?

On Tue, 25 May 2004 16:49:11 +0100, Olly <ol********@yahoo.co.uk> wrote:
I've found a basic script, however I also need to add alt and title
attributes as well, how would I go about doing this?

Here's the script I found:

[snipped]

You found some remarkably bad code.

Here's one solution that includes alt and title attributes.
The script block that I've put in the head could be placed into
a .js file. remember not to include the <script> and </script>
HTML tags in the .js file. The block that would appear in the
head would look something like:

<script type="text/javscript" src="../myscripts/myimgscript.js></script>

The small script block I've placed in the body can be placed
wherever you want the random link to appear.

You can use more than one random link in the page without
reusing any until you've used them all. After that, the
last link will repeat.
<html>
<head>
<script type="text/javascript">

var myimages = [
{ src : "../images/s01.jpg",
link : "../photos/01.html",
alt : "Alt Text 01",
title : "Title 01"
},

{ src : "../images/s02.jpg",
link : "../photos/02.html",
alt : "Alt Text 02",
title : "Title 02"
},

{ src : "../images/s0n.jpg",
link : "../photos/0n.html",
alt : "Alt Text 0n",
title : "Title 0n"
}
];
function random_imglink(){
var ry=Math.floor(Math.random()*myimages.length)
document.write('<a href="'+myimages[ry].link
+'"><img src="'+myimages[ry].src
+'" alt="'+myimages[ry].alt
+'" title="'+myimages[ry].title
+' " border=0></a>');
if(myimages.length>1){
myimages[ry]=myimages[myimages.length-1];
myimages.length--;
}
}
</script>
</head>
<body>
Here's the link: <script type="text/javascript">random_imglink()</script>
</body>
</html>

Jul 23 '05 #3

Olly

Thanks, the script works if the full code is placed in the head of the
document. However, if a link to a *.js file is used it doesn't work.

My *.html document code:
<script src="../random.js" type="text/javscript"></script>
</head>
<body>
<script type="text/javascript">random_imglink()</script>

My random.js document code:
// Generated by AceHTML Freeware http://freeware.acehtml.com
// Creation date: 2004-05-25

var myimages = [
{ src : "images/s01.jpg",
link : "photos/01.html",
alt : "Alt Text 01",
title : "Title 01"
},

{ src : "images/s02.jpg",
link : "photos/02.html",
alt : "Alt Text 02",
title : "Title 02"
},

{ src : "images/s0n.jpg",
link : "photos/0n.html",
alt : "Alt Text 0n",
title : "Title 0n"
}
];
function random_imglink(){
var ry=Math.floor(Math.random()*myimages.length)
document.write('<a href="'+myimages[ry].link
+'"><img src="'+myimages[ry].src
+'" alt="'+myimages[ry].alt
+'" title="'+myimages[ry].title
+' " border=0></a>');
if(myimages.length>1){
myimages[ry]=myimages[myimages.length-1];
myimages.length--;
}
}

On 25 May 2004 10:05:32 -0700, Lee <RE**************@cox.net> wrote:

Olly said:

sorry I missed this off, but if possible could it also be in a *.js
file?

On Tue, 25 May 2004 16:49:11 +0100, Olly <ol********@yahoo.co.uk> wrote:
I've found a basic script, however I also need to add alt and title
attributes as well, how would I go about doing this?

Here's the script I found:

[snipped]

You found some remarkably bad code.

Here's one solution that includes alt and title attributes.
The script block that I've put in the head could be placed into
a .js file. remember not to include the <script> and </script>
HTML tags in the .js file. The block that would appear in the
head would look something like:

<script type="text/javscript" src="../myscripts/myimgscript.js></script>

The small script block I've placed in the body can be placed
wherever you want the random link to appear.

You can use more than one random link in the page without
reusing any until you've used them all. After that, the
last link will repeat.

[snipped]

--
Olly

Using Opera's revolutionary e-mail client: http://www.opera.com/m2/

Jul 23 '05 #4

Grant Wagner

Olly wrote:

I've found a basic script, however I also need to add alt and title
attributes as well, how would I go about doing this?

Here's the script I found:
Thanks

<script language="JavaScript">
<script type="text/javascript">

Not needed.
</script>

--
Olly

Using Opera's revolutionary e-mail client: http://www.opera.com/m2/

--
| Grant Wagner <gw*****@agricoreunited.com>

* Client-side Javascript and Netscape 4 DOM Reference available at:
*
http://devedge.netscape.com/library/...ce/frames.html

* Internet Explorer DOM Reference available at:
*
http://msdn.microsoft.com/workshop/a...ence_entry.asp

* Netscape 6/7 DOM Reference available at:
* http://www.mozilla.org/docs/dom/domref/
* Tips for upgrading JavaScript for Netscape 7 / Mozilla
* http://www.mozilla.org/docs/web-deve...upgrade_2.html

Jul 23 '05 #5

Lasse Reichstein Nielsen

Grant Wagner <gw*****@agricoreunited.com> writes:

function random_imglink(){

.... random_imglink()

I have no idea what this does. You don't have the function random_imglink()
defined in the code you showed us.

Easy to miss in the this badly indented source (although that might
not be the author's fault, but come from copying from a web page).

So, the code simply defines a function and then calls it. While
only polluting the namespace with one function, it could just as
well be done with an anonymous function.
Otherwise, I agree completely.
/L
--
Lasse Reichstein Nielsen - lr*@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Jul 23 '05 #6

Olly

Thanks it works great!!

On Tue, 25 May 2004 18:12:40 GMT, Grant Wagner
<gw*****@agricoreunited.com> wrote:

Olly wrote:
I've found a basic script, however I also need to add alt and title
attributes as well, how would I go about doing this?

Here's the script I found:
Thanks

<script language="JavaScript">

<script type="text/javascript">


Not needed.
</script>

--
Olly

Using Opera's revolutionary e-mail client: http://www.opera.com/m2/

--
| Grant Wagner <gw*****@agricoreunited.com>

* Client-side Javascript and Netscape 4 DOM Reference available at:
*
http://devedge.netscape.com/library/...ce/frames.html

* Internet Explorer DOM Reference available at:
*
http://msdn.microsoft.com/workshop/a...ence_entry.asp

* Netscape 6/7 DOM Reference available at:
* http://www.mozilla.org/docs/dom/domref/
* Tips for upgrading JavaScript for Netscape 7 / Mozilla
* http://www.mozilla.org/docs/web-deve...upgrade_2.html

--
Olly

Using Opera's revolutionary e-mail client: http://www.opera.com/m2/

Jul 23 '05 #7

by: bhennon | last post by:

Hey all, I have a small php script that calls a random image at the following page. http://www.2006ymcanationals.com/random.php IT WORKS IF I...

PHP

changing image size on roll over

by: Kenny | last post by:

I have been trying to write a script that will increase the size of and image when you mouse over it, and decrease it to original size, when you...

Javascript

Can't change bullet image

by: bigoxygen | last post by:

Hi. I have a list that is similar to this: -Evaluation +test +test -Students +test I would like to change the "-" bullet only, but I...

HTML / CSS

Need script to 'OpenWindow' or 'Spawn'

by: tmb | last post by:

- Want to open a 2nd browser window when someone clinks a link with the link content inside it. - Want to control window size - Want all tool bars...

Javascript

change image in another frame

by: Robert | last post by:

Hi, I'm trying to make a slide show, with two frames: on the left frame small thumbnails, and on the right frame the big sized image. Of course...

Javascript

Tooltips script [strange problem]

by: Mario | last post by:

I wrote a tooltips script. I've noticed "small" problem occuring while using the IE browser. If a site is long enough for a scroll to appear and we...

Javascript

Opening image in new window without padding

by: D. Alvarado | last post by:

Hello, I am trying to open a window containing an image and I would like the image to be flush against the window -- i.e. have no padding or...

HTML / CSS

Creating Random Image Authorization

by: tshad | last post by:

I am trying to set up an Image authorization where you type in the value that is in a picture to log on to our site. I found a program that is...

ASP.NET

_HELP Modifying Script Create Random Linked Image Blend Script

by: bn4 | last post by:

I have been trying to modify a script that i had working in the past but have lost.. ORIGINAL URL:...

Javascript

The Top 5 Skills You Need in a PowerApps Developer

by: concettolabs | last post by:

In today's business world, businesses are increasingly turning to PowerApps to develop custom business applications. PowerApps is a powerful tool...

.NET Framework

Discuss your understanding of the Java platform.

by: better678 | last post by:

Question: Discuss your understanding of the Java platform. Is the statement "Java is interpreted" correct? Answer: Java is an object-oriented...

General

Benefits of Blockchain App Development for Enterprise Businesses

by: Kemmylinns12 | last post by:

Blockchain technology has emerged as a transformative force in the business world, offering unprecedented opportunities for innovation and...

General

https redirect with reverse proxy

by: jalbright99669 | last post by:

Am having a bit of a time with URL Rewrite. I need to incorporate http to https redirect with a reverse proxy. I have the URL Rewrite rules made...

IIS / Internet Information Server

How to layout php header location with a variable as the location?

by: Matthew3360 | last post by:

Hi there. I have been struggling to find out how to use a variable as my location in my header redirect function. Here is my code. ...

PHP

How to use http requests (Get function) to get variable value?

by: Matthew3360 | last post by:

Hi, I have a python app that i want to be able to get variables from a php page on my webserver. My python app is on my computer. How would I make it...

Python

HOW CAN I CREATE AN AI with an .executable file that would suck all files in the folder and on my computer

by: AndyPSV | last post by:

HOW CAN I CREATE AN AI with an .executable file that would suck all files in the folder and on my computerHOW CAN I CREATE AN AI with an .executable...

General

How do I view Redshift db tables in Alteryx

by: Arjunsri | last post by:

I have a Redshift database that I need to use as an import data source. I have configured the DSN connection using the server, port, database, and...

General

PHP Curl Not wanting to connect to localhost.

by: Matthew3360 | last post by:

Hi, I have been trying to connect to a local host using php curl. But I am finding it hard to do this. I am doing the curl get request from my web...

PHP

Random image script with link, alt, and title attributes

Similar topics