Buenas, soy un lector constante del foro, es la primera vez que escribo, y nada mas porque no encontre un tema muy especifico a lo que busco, al tema, mediante jquery quiero obtener el ancho de varias imagenes, sumarlas entre si, y asignarle a un div contenedor de las imagenes.
Mi codigo es el siguiente:
Código:
<script type="text/javascript">
$(document).ready(function(){
$('.content-item').each(function(){
var intImgWidthHor = $('.hor').width();
var intCountHor = $('.hor').length;
var intTotalHor = intImgWidthHor * intCountHor;
var intImgWidthVer = $('.ver').width();
var intCountVer = $('.hor').length;
var intTotalVer = intImgWidthVer * intCountVer;
$('.content-item').css({width: intTotalHor + intTotalVer + 'px'});
});
});
</script>
Y la galeria es la siguiente:
Código:
<div class="content-item">
<img class="hor" src="images/fede.jpg" />
<img class="hor" src="images/fede.jpg" />
<img class="hor" src="images/fede.jpg" />
<img class="ver" src="images/prueba.jpg" />
<img class="ver" src="images/prueba.jpg" />
<img class="ver" src="images/prueba.jpg" />
</div>
en el servidor local me funciona, pero al subirlo no.. algun error o una mejor manera de hacer, lo agradeceria!