[Solucionado] Eliminar el relleno blanco de fotos en el thumbnails

[Syd]

Hola,

he conseguido quitar el relleno que se creaba a las fotos que subía, pero lo que no consigo quitar es el relleno que se crea en el thumbnails a la hora de pasar el ratón por encima de cada imagen. Es decir, la foto de producto me sale bien, el thickbox también, y las imágenes pequeñitas del thumbnails también me salen bien, pero al pasar el ratón por encima de una de las imágenes pequeñitas me sale la imagen de producto con el famoso relleno blanco.

dejo el código del product.tpl referente a las imágenes.

Gracias de antemano,

 

Saludos

 

<!-- product img-->

<div id="image-block">

{if $have_image}

<span id="view_full_size">

 

<img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'pagina_producto')}" {if $jqZoomEnabled}class="jqzoom" alt="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox_default')}"{else} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" {/if} id="bigpic" width="{$pagina_productoSize.width}" height="{$pagina_productoSize.height}" />

 

<!--<span class="span_link">{l s='View full size'}</span>-->

</span>

{else}

<span id="view_full_size">

<img src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" width="{$pagina_productoSize.width}" height="{$pagina_productoSize.height}" />

<!--<span class="span_link">{l s='View full size'}</span>-->

</span>

{/if}

</div>

{if isset($images) && count($images) > 0}

<!-- thumbnails -->

<div id="views_block" {if isset($images) && count($images) < 2}class="hidden"{/if}>

{if isset($images) && count($images) > 3}<span class="view_scroll_spacer"><a id="view_scroll_left" class="hidden" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">{l s='Previous'}</a></span>{/if}

<div id="thumbs_list">

<ul id="thumbs_list_frame">

{if isset($images)}

{foreach from=$images item=image name=thumbnails}

{assign var=imageIds value="`$product->id`-`$image.id_image`"}

<li id="thumbnail_{$image.id_image}">

<a href="{$link->getImageLink($product->link_rewrite, $imageIds, thickbox_default)}" rel="other-views" class="thickbox {if $smarty.foreach.thumbnails.first}shown{/if}" title="{$image.legend|htmlspecialchars}">

<img id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'medium_default')}" alt="{$image.legend|htmlspecialchars}" height="80" width="80" />

</a>

</li>

{/foreach}

{/if}

</ul>

</div>

{if isset($images) && count($images) > 3}<a id="view_scroll_right" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">{l s='Next'}</a>{/if}

</div>

{/if}

{if isset($images) && count($images) > 1}<p class="align_center clear"><span id="wrapResetImages" style="display: none;"><img src="{$img_dir}icon/cancel_11x13.gif" alt="{l s='Cancel'}" width="16" height="18"/> <a id="resetImages" href="{$link->getProductLink($product)}" onclick="$('span#wrapResetImages').hide('slow');return (false);">{l s='Display all pictures'}</a></span></p>{/if}

Edited October 18, 2013 by Syd (see edit history)

[Syd]

Ayuda?

[Syd]

Any help?

[Syd]

Buenas,

alguna ayuda?

saludos

[Syd]

ayuda? saluds

[petete2008]

¿cual es la url de tu web?

¿que has hecho para quitar la franja blanca de la imagen? supongo que subir las imagenes con la misma proporción que tienes asignada. ¿verdad?

[Syd]

La url está en mi firma. Las imágenes las he proporcionado, me salen bien al cargar, pero al pasar el ratón encima de las miniaturas me sale el relleno blanco

[petete2008]

Es debe a que el tamaño que carga 'large_default'  (ver tamaños de imágenes) es de 264x264 por eso mismo achata la foto.

Lo que tienes que hacer es cambiar el tamaño de large_default a 264x352 de forma que sea proporcional al resto.

[Syd]

Hola,

parece que funcionó! El caso es que yo creé una nueva clase de imagen para no modificar el "large_default", y a esa le asigné mis medidas (usé 270X360), modifiqué el tpl, pero parece que algo se escapaba. Así que al redimensionar el "large_default" a la misma medida ya funcionó.

Muchas gracias, la verdad es que es uno de esos fallos que te incordian un montón la vida y ya no sabes cómo solucionar, si pudiera te invitaba a una cerveza!