Random image script with link, alt, and title attributes

**Olly** · Jul 23 '05, 11:11 AM

Re: Random image script with link, alt, and title attributes

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 <olly854321@yah oo.co.uk> wrote:
[color=blue]
> 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="JavaS cript">
> 
> </script>
>[/color]

--
Olly

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

**Lee** · Jul 23 '05, 11:11 AM

Re: Random image script with link, alt, and title attributes

Olly said:[color=blue]
>
>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 <olly854321@yah oo.co.uk> wrote:
>[color=green]
>> 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:[/color][/color]

[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(M ath.random()*my images.length)
document.write( '<a href="'+myimage s[ry].link
+'"><img src="'+myimages[ry].src
+'" alt="'+myimages[ry].alt
+'" title="'+myimag es[ry].title
+' " border=0></a>');
if(myimages.len gth>1){
myimages[ry]=myimages[myimages.length-1];
myimages.length--;
}
}
</script>
</head>
<body>
Here's the link: <script type="text/javascript">ran dom_imglink()</script>
</body>
</html>

**Olly** · Jul 23 '05, 11:11 AM

Re: Random image script with link, alt, and title attributes

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">ran dom_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(M ath.random()*my images.length)
document.write( '<a href="'+myimage s[ry].link
+'"><img src="'+myimages[ry].src
+'" alt="'+myimages[ry].alt
+'" title="'+myimag es[ry].title
+' " border=0></a>');
if(myimages.len gth>1){
myimages[ry]=myimages[myimages.length-1];
myimages.length--;
}
}

On 25 May 2004 10:05:32 -0700, Lee <REM0VElbspamtr ap@cox.net> wrote:
[color=blue]
> Olly said:[color=green]
>>
>> 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 <olly854321@yah oo.co.uk> wrote:
>>[color=darkred]
>>> 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:[/color][/color]
>
> [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.[/color]

[snipped]

--
Olly

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

**Grant Wagner** · Jul 23 '05, 11:11 AM

Re: Random image script with link, alt, and title attributes

Olly wrote:
[color=blue]
> 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="JavaS cript">[/color]

<script type="text/javascript">
[color=blue]
> [/color]

Not needed.
[color=blue]
> </script>
>
> --
> Olly
>
> Using Opera's revolutionary e-mail client: http://www.opera.com/m2/[/color]

--
| Grant Wagner <gwagner@agrico reunited.com>

* Client-side Javascript and Netscape 4 DOM Reference available at:
*

http://devedge.netscape.com/library/manuals/2000/javascript/1.3/reference/frames.html

* Internet Explorer DOM Reference available at:
*

Microsoft Learn: Build skills that open doors in your career

http://msdn.microsoft.com/workshop/author/dhtml/reference/dhtml_reference_entry.asp

Learn with interactive lessons and technical documentation, earn professional development hours and certifications, and connect with the community.

* 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

**Lasse Reichstein Nielsen** · Jul 23 '05, 11:11 AM

Re: Random image script with link, alt, and title attributes

Grant Wagner <gwagner@agrico reunited.com> writes:

[color=blue][color=green]
>> function random_imglink( ){[/color][/color]

....[color=blue][color=green]
>> random_imglink( )[/color]
>
> I have no idea what this does. You don't have the function random_imglink( )
> defined in the code you showed us.[/color]

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 - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleD OM.html>
'Faith without judgement merely degrades the spirit divine.'

**Olly** · Jul 23 '05, 11:11 AM

Re: Random image script with link, alt, and title attributes

Thanks it works great!!

On Tue, 25 May 2004 18:12:40 GMT, Grant Wagner
<gwagner@agrico reunited.com> wrote:
[color=blue]
> Olly wrote:
>[color=green]
>> 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="JavaS cript">[/color]
>
> <script type="text/javascript">
>[color=green]
>> [/color]
>
> Not needed.
>[color=green]
>> </script>
>>
>> --
>> Olly
>>
>> Using Opera's revolutionary e-mail client: http://www.opera.com/m2/[/color]
>
> --
> | Grant Wagner <gwagner@agrico reunited.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
>
>[/color]

--
Olly

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

Random image script with link, alt, and title attributes

Random image script with link, alt, and title attributes

Comment

Comment

Comment

Comment

Comment

Comment