Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/11/2011, 13:49
chema1369
 
Fecha de Ingreso: diciembre-2006
Mensajes: 65
Antigüedad: 17 años, 11 meses
Puntos: 0
A ver si alguien puede hecharme una manita (Wordpress)

Hola a todos

Encantado de estar de nuevo por aquí.

Intentaré resumir la movida porque es un poco larga.

Tengo una plantilla wordpress que permite una opción llamada "wall" en donde pones las fotos y la pantalla las va mostrando y enseñando en función del movimiento del ratón. Aquí teneis un ejemplo: http://www.zonaocho.com/publicidad-y-catalogo/

El problema viene en que en este otro: http://www.zonaocho.com/publicidad-y-catalogo-j/ no quiero que quede espacio entre las fotografías.

Este es el código por defecto del .php (wall.php)


jQuery(window).load(function(){

jQuery('#wall').wall({
settings_thumbs_per_row:<?php echo $wall_thumbs_per_row; ?>,
settings_width:0,
settings_height:0,
thumb_width:<?php echo $wall_thumb_width; ?>,
thumb_height:<?php echo $wall_thumb_height; ?>,
thumb_space:<?php echo $wall_thumbs_per_row; ?>,
settings_padding:<?php echo $wall_padding; ?>,
description_height:30
})

});



Me he puesto en contacto con el diseñador del template y la solución que me ha dado (manda webs) es que ponga "thumb_space:0," en lugar de “thumb_space:<?php echo $wall_thumbs_per_row; ?>,” , pero claro, esto hace que todos los muros con fotografías salgan con 0 px de espacio entre ellos y claro yo tampoco quiero eso.

Por si os aclara algo, el valor que me pone de separación de las fotos al final no esta controlado por el valor "thumb_space" sino por "thumbs_per_row" y ahí es donde está el fallo que supongo que no será demasiado simple de reparar.

Por lo tanto, al final la separación que queda entre las fotografías depende del numero de fotografías que introduzco en dicho "muro" ya que es el valor que coje como referencia (si meto 40 fotos en ese "muro" pone 40 px de separación, si meto 20 pues 20 px, en lugar de coger como referencia thumb_space que lo pongo a 0 en las preferencias de la página hecha con el escritorio de wordpress)

Os pego todo el código de el "wall" a ver si alguien es capaz de sacarme de dudas.



<?php

/*
Template Name: Wall
*/

get_header();

$wall = get_post_meta($post->ID, 'p_page_wall_name', true);
$wall_padding = get_post_meta($post->ID, 'p_page_wall_padding', true);
$wall_thumb_width = get_post_meta($post->ID, 'p_page_wall_thumb_width', true);
$wall_thumb_height = get_post_meta($post->ID, 'p_page_wall_thumb_height', true);
$wall_thumb_spacing = get_post_meta($post->ID, 'p_page_wall_thumb_spacing', true);
$wall_thumbs_per_row = get_post_meta($post->ID, 'p_page_wall_thumbs_per_row', true);

?>

<div id="show_hide_content_button"></div>

<div id="wall" style="width: 100%; height: 100%;">

<?php

query_posts("post_type=wall&wall-categories=$wall&posts_per_page=99999");

if (have_posts()) : while (have_posts()) : the_post();

$image_id = get_post_thumbnail_id();
$image_url = wp_get_attachment_image_src($image_id, 'full');

switch (get_post_meta($post->ID, "p_wall_item_type", true)) :

case "lightbox" :

?>

<a href="<?php echo get_post_meta($post->ID, "p_wall_item_lightbox_link", true); ?>" rel="prettyPhotoSingle" title="<?php ?>"><img src="<?php echo get_template_directory_uri(); ?>/timthumb.php?src=<?php echo $image_url[0]; ?>&amp;w=<?php echo $wall_thumb_width; ?>&amp;h=<?php echo $wall_thumb_height; ?>&amp;zc=1&amp;q=100"/></a>

<?php

break;

case "link" :

?>

<a href="<?php echo get_post_meta($post->ID, "p_wall_item_link", true); ?>" title="<?php echo get_post_meta($post->ID, "p_wall_item_link_description", true); ?>"><img src="<?php echo get_template_directory_uri(); ?>/timthumb.php?src=<?php echo $image_url[0]; ?>&amp;w=<?php echo $wall_thumb_width; ?>&amp;h=<?php echo $wall_thumb_height; ?>&amp;zc=1&amp;q=100"/></a>

<?php

break;

case "normal" :

?>

<img title="<?php echo get_post_meta($post->ID, "p_wall_item_description", true); ?>" src="<?php echo get_template_directory_uri(); ?>/timthumb.php?src=<?php echo $image_url[0]; ?>&amp;w=<?php echo $wall_thumb_width; ?>&amp;h=<?php echo $wall_thumb_height; ?>&amp;zc=1&amp;q=100" />

<?php break; endswitch; endwhile; endif; ?>

</div>

<script type="text/javascript">

jQuery(document).ready(function()
{

jQuery("body").css("overflow", "hidden");

});

jQuery(window).load(function(){

jQuery('#wall').wall({
settings_thumbs_per_row:<?php echo $wall_thumbs_per_row; ?>,
settings_width:0,
settings_height:0,
thumb_width:<?php echo $wall_thumb_width; ?>,
thumb_height:<?php echo $wall_thumb_height; ?>,
thumb_space:<?php echo $wall_thumbs_per_row; ?>,
settings_padding:<?php echo $wall_padding; ?>,
description_height:30
})

});

</script>

<?php

get_footer();

?>






MUCHÍSIMAS GRACIAS


P.D. Estoy trabajando en ello, por si acaso alguien entra y de momento no ve nada.

Última edición por chema1369; 02/11/2011 a las 13:56 Razón: Añadir dato