Worked just as I intended! Cheers!!!!! :)
On Aug 7, 9:37 am, "mootools.addUser('me');"
<[email protected]> wrote:
> Thanks i'll give it a go!
>
> On Jul 27, 11:27 am, Dirar Abu Kteish <[email protected]> wrote:
>
>
>
> > or
>
> > clientImgs.each(function(el){
> > var index = $random(0, clients.length - 1);
> > el.set('src', clients[index]);
> > clients.splice(index, 1);
> > });
> > :)
>
> > On Mon, Jul 27, 2009 at 1:25 PM, Dirar Abu Kteish
> > <[email protected]>wrote:
>
> > > clientImgs.each(function(el, i){
> > > var index = $random(0, clients.length - 1);
> > > clientImgs[i].set('src', clients[index]);
> > > clients.splice(index, 1);
> > > });
>
> > > or if you know the number of elements in the clientImgs array you don't
> > > need the .each
>
> > > On Mon, Jul 27, 2009 at 12:45 PM, mootools.addUser('me'); <
> > > [email protected]> wrote:
>
> > >> Hi,
>
> > >> heres the situation:
>
> > >> i have an array of img srcs and i also have four img tags. each img
> > >> tag grabs a random src from the array, but heres the problem:
>
> > >> i only want srcs to be grabbed once! any help would be very much
> > >> appreciated!!
>
> > >> code:
>
> > >> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
> > >>www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> > >> <html xmlns="http://www.w3.org/1999/xhtml";>
> > >> <head>
> > >> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
> > >> <title>Untitled Document</title>
> > >> <script type="text/javascript" src="http://demos.mootools.net/demos/
> > >> mootools.js <http://demos.mootools.net/demos/%0Amootools.js>"></script>
> > >> <script type="text/javascript">
> > >> window.addEvent('domready', function(){
> > >> var clients = new Array();
> > >> clients[0] = "http://mootools.net/assets/images/mootools.png";;
> > >> clients[1] = "http://www.techdigest.tv/assets_c/2009/02/google-chrome-
> > >> logo-thumb-300x300-75857.jpg<http://www.techdigest.tv/assets_c/2009/02/google-chrome-%0Alogo-thumb...>
> > >> ";
> > >> clients[2] = "http://ceoworld.biz/ceo/wp-content/uploads/2009/03/nokia-
> > >> logo.bmp<http://ceoworld.biz/ceo/wp-content/uploads/2009/03/nokia-%0Alogo.bmp>
> > >> ";
> > >> clients[3] = "http://www.google.co.uk/intl/en_uk/images/logo.gif";;
> > >> var clientImgs = $('clientImg').getElements('img');
> > >> clientImgs.each(function(){
> > >> clientImgs[0].set('src', clients.getRandom());
> > >> clientImgs[1].set('src', clients.getRandom());
> > >> clientImgs[2].set('src', clients.getRandom());
> > >> clientImgs[3].set('src', clients.getRandom());
> > >> });
> > >> $$('#clientImg img').tween('height', '25%', '100%');
> > >> $$('#clientImg img').tween('width', '25%', '100%');
> > >> });
> > >> </script>
> > >> <style type="text/css">
> > >> #clientImg {
> > >> width:450px;
> > >> height:350px;
> > >> overflow:hidden;
> > >> text-align:center;
> > >> }
> > >> </style>
> > >> </head>
>
> > >> <body>
> > >> <div id="clientImg">
> > >> <img class="client" /><img class="client" /><img class="client" /><img
> > >> class="client" />
> > >> </div>
> > >> </body>
> > >> </html>
![http://mootools.net/assets/images/mootools.png"](http://mootools.net/assets/images/mootools.png"){kind=link}
![http://www.google.co.uk/intl/en_uk/images/logo.gif"](https://www.google.co.uk/intl/en_uk/images/logo.gif"){kind=link}