Search jQuery

jQuery Forum

Loading a Random <a> Class

in Using jQuery • 12 years ago

I'm truly sorry if this is the wrong location to post this question, as I wasn't able to find a plugin that does what I'm hoping to do. Please take a look at the little diagram to (hopefully) help understand my question.

I am building a site that is utilizing a lightbox-type plugin to display a gallery of images when the user clicks image A, B, C, etc. However, what I would also like to do is set up the main content area (area '1' above) to load a random image from the row below (A, B, C, etc.) each day or two in order to highlight a different gallery/project.

I have seen a number of random image plug-ins, but is it possible to load an entire element from the same page? For example, if image A has a structure of:

<a href="../images/photos/image01.jpg" rel="example1" title="Image Title">Grouped Photo 1</a>

How would I set up area 1 to load that element and its attributes randomly on.pageload, and then, every couple of days, load another random element?

I'm sorry if this is a failure of a question or if it is in the wrong location. Any help or direction would be much appreciated.

Thanks!

Replies(2)

superfici..

Reageren: Loading a Random <a> Class

12 years ago

Hi there,

What you could do is the following.
Assuming that every gallery has its own rel attribute (example1, example2 etc)
(You could also add a class to just the elements which you would like to get)

$(function () {
var pictures = $(a[rel^='example']);
$("#contentarea").append("<img src='" + pictures.eq(Math.floor(Math.random() * pictures.length)).attr("href") + "' />");
});

This isn't tested yet, but it should append an <img> with the src from a random links href attribute.

Hope it helps,
Superficial