PHP Obtenir des images à partir d'une liste UL

Question

J'ai une longue liste UL et chaque LI contient une étiquette d'image, générée dynamiquement à partir de SLideshowPro Director.

Je dois obtenir la largeur de TOUTES les images à l'intérieur de l'UL à utiliser dans un calcul de largeur CSS.

J'ai été en mesure d'obtenir la largeur de l'image pour le premier élément, mais pas tous.

Mon PHP est assez limité, mais dois-je faire d'abord cette liste dans un ARRAY pour me permettre d'obtenir toutes les largeurs?

Et comment puis-je faire ça ?? Ces images contiennent des identifiants très longs générés par le CMS, il n'est donc pas possible de lire un répertoire, car les images dans le cache ne sont pas liées aux noms de fichiers qui sont affichés sur la page HTML. Tout doit être fait à partir du contenu envoyé à la page. Ou pourrais-je même utiliser JQuery pour faire cela?

Answer 1

Mon conseil serait d'utiliser des expressions régulières.

Si vous publiez une liste d'exemple, je peux en dire plus ..

Answer 2

Vous pouvez obtenir la largeur des images en utilisant javascript.

var img = new Image(); 
img.onload = function() { alert(img.width); }; 
img.src= 'http://www.google.se/intl/en_com/images/srpr/logo1w.png'; 

Answer 3

de haut de ma tête .. quelque chose comme ça

var totalWidth = 0; 
$('#idOfYourUL img').each(function(i) { 
    totalWidth += parseInt(this.width()); 
}); 

Answer 4

Merci pour vos réponses. J'utilise jquery.scrollTo pour faire défiler la liste à l'aide d'un div, mais scrollTo a besoin d'une largeur UL définie en CSS pour qu'il s'arrête à la fin de la liste.

J'espérais utiliser PHP pour répercuter une largeur CSS sur le document en utilisant un simple calcul mathématique du nombre de vignettes multiplié par leurs largeurs individuelles.

Ceci est le lien de téléchargement ici.

http://jonasbresnan.com/v2/galleriffic/index.php