Random image script with link, alt, and title attributes

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/

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@yahoo.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="JavaScript">
> 
> </script>
>[/color]

--
Olly

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

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@yahoo.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(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>

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 <REM0VElbspamtrap@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@yahoo.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/

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="JavaScript">[/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@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

Grant Wagner <gwagner@agricoreunited.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/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Thanks it works great!!

On Tue, 25 May 2004 18:12:40 GMT, Grant Wagner
<gwagner@agricoreunited.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="JavaScript">[/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@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
>
>[/color]

--
Olly

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

Random image script with link, alt, and title attributes

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

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

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

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

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

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

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about