Автоматическое обновление изображений

[rzphp]

День добрый может наведете на мысль или подкинете пару ссылок
<li><a href='#'><img src='ls/img.php?im=up-1' /></a></li>
<li><a href='#'><img src='ls/img.php?im=up-2' /></a></li>
<li><a href='#'><img src='ls/img.php?im=up-3' /></a></li>
<li><a href='#'><img src='ls/img.php?im=up-4' /></a></li>
<li><a href='#'><img src='ls/img.php?im=up-5' /></a></li>
таких картинок более ста!!!!! штук
подскажите или наведите на мысль как реализовать динамическое обновление картинок! причём имена up-3 современен могут меняться в произвольной форме!
т.е. жёсткой привязки сделать к какому либо списку не могу! ((

[rzphp]

добавлю
почему так!!
вообщем есть некий скрипт который создаёт файлы изображения ну к примеру скриншоты! у него есть список к примеру up-1 up-2 up-3
данный скрипт когда заканчивает свойю работу, начинает проходить заново и перезаписывает файл! другими словами мне просто надо обновить картинку но как то решить проблему с кешом!

[melky]

насчет кеша:

да просто в .htaccess

<FilesMatch "\.(gif|jpg|png)$">

FileETag None

<IfModule mod_headers.c>

         Header unset ETag
         Header Set Cache-Control "max-age=0, no-store"
         Header Set Pragma "no-cache"
         Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"
</IfModule>


</FilesMatch>

насчет обновления

<div id="cont">
<li><a href='#'><img src='ls/img.php?im=up-1' /></a></li>
<li><a href='#'><img src='ls/img.php?im=up-2' /></a></li>
<li><a href='#'><img src='ls/img.php?im=up-3' /></a></li>
<li><a href='#'><img src='ls/img.php?im=up-4' /></a></li>
<li><a href='#'><img src='ls/img.php?im=up-5' /></a></li>
</div>

если такой html, то скрипт примерно такой.

только контейнер так какой?? у меня будет div id="cont"

var cont = document.getElementById( "cont" ), li_arr, link_arr,img_arr;

if( document.querySelectorAll ){

         img_arr = document.querySelectorAll( "li a img" , cont)

} else {   

    li_arr = document.getElementsByTagName( "li" );

    for( var i=0; i<li_arr.length;i++) 

               img_arr.push ( li_arr[ i ].children[ 0 ].children[ 0 ] ) ;

    

}

var len = img_arr.length,reg = /(ls\/img.php\?im=up-\w+)(?:\?\w+\.\w+)?/;

function update( ){

var img;

for( var i=0; i< len; i++ ) 

         img = img_arr[ i ];

         img.src = img.src.replace( reg, function( a, b) { return b+'?'+Math.random() } )
 

}

setInterval ( update, 2000 );

насчет реплейса

вот примеры. запусти. вроде работает

var arr = [ 'ls/img.php?im=up-1','ls/img.php?im=up-2', 'ls/img.php?im=up-3', 'ls/img.php?im=up-4', 'ls/img.php?im=up-5'    ], arr2 = [];

for( var i = 0; i<arr.length;i++){


arr[i] = arr[i].replace( /(ls\/img.php\?im=up-\w+)(?:\?\w+\.\w+)?/, function( a, b) { return b+'?'+Math.random() } )

// еще раз заменим. для надежности
arr2.push( arr[i].replace( /(ls\/img.php\?im=up-\w+)(?:\?\w+\.\w+)?/, function( a, b) { return b+'?'+Math.random() } )  )

}

alert( "Массив после первого раза: \n"+arr.join('\n')+"\n----------- \n Массив после второго раза : \n"+ arr2.join('\n')  )

[rzphp]

спасибо ща буду мастерить )

[walik]

melky,
а зачем так усложнять выборку изображений, если можно просто:

var images = document.getElementById('cont').getElementsByTagName('img');

?

[melky]

var images = document.getElementById('cont').getElementsByTagName('img');

хм. изза незнания, надо думать

[rzphp]

всё сделал с помощью jquery
а вот теперь к меня такой вопрос если конечно его можно решить!
я понимаю что наверно этот вопрос не для данной ветки но всё же
вообщем есть скрипт который делает картинку из дургой картинки вообщем не важно
img.php?img=up-6&sc=75&dr=big&r=1109684
в скрипте стоит
Header("Content-type: image/jpeg");
возможно ли сделать автоматическое обновление картинки(скрипта)?

[rzphp]

сам решил выглядет вот так
Header("Content-type: image/jpeg");
header('Refresh: 5;');