Autor Tema: Centrar imagen dentro del slider  (Leído 1251 veces)

Desconectado TurkoDesigns

  • PHPerit@
  • *
  • Mensajes: 14
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Centrar imagen dentro del slider
« en: 14 de Mayo de 2013, 11:16:30 am »
Hola a todos, lo primero no se si este tema va aquí, así que si no va aquí a ver si algún mod se conecta y lo cambia.

El tema es el siguiente, en la imagen que les muestro a continuación se muestra una imagen dentro de un slider pero esa imagen esta alineada a la derecha y me gustaría que apareciese centrada, si alguno de ustedes me pudiese decir como lo hago les estaría muy agradecido.


Comunidad PHPeros

Centrar imagen dentro del slider
« en: 14 de Mayo de 2013, 11:16:30 am »

Desconectado javipilo

  • PHPero Experto
  • *****
  • Mensajes: 975
  • Karma: 31
  • Sexo: Masculino
    • Ver Perfil
Re:Centrar imagen dentro del slider
« Respuesta #1 en: 14 de Mayo de 2013, 11:51:14 am »
Normalmente se usa <center> simplemente, puedes usar también en la propia imagen un estilo, margin: 0px auto; y también puedes centrarla sabiendo los valores de la imagen y dando porcentajes... Pasa el código del slider y te ayudaremos mejor

Desconectado TurkoDesigns

  • PHPerit@
  • *
  • Mensajes: 14
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:Centrar imagen dentro del slider
« Respuesta #2 en: 14 de Mayo de 2013, 11:53:45 am »
Aquí esta el codigo:

Código: [Seleccionar]
<div id="slider">

            <?php

$captions = array();

$tmp $wp_query;

$slider get_term_by(&#39;id&#39;, of_get_option(&#39;webfolio_slidertag&#39;), &#39;sliders&#39; ) ;

$slider $slider->slug;

$wp_query = new WP_Query(&#39;post_type=featured&orderby=menu_order&order=ASC&showposts=-1&sliders=&#39;. $slider);

if($wp_query->have_posts()) : while($wp_query->have_posts()) : $wp_query->the_post();

$fitemlink get_post_meta($post->ID,&#39;webfoliof_fitemlink&#39;,true);

$fitemcaption get_post_meta($post->ID,&#39;webfoliof_fitemcaption&#39;,true);



    
?>


           

   

    <?php

    
$thumbId get_image_id_by_link get_post_meta($post->ID, &#39;webfoliof_slideimage_src&#39;, true) );

    
$thumb wp_get_attachment_image_src($thumbId, &#39;slide&#39;, false);

    

    
?>


        <a href="<?php echo $fitemlink;?>">

        <img src="<?php echo $thumb[0?>" alt="<?php echo $fitemcaption ?>" title="<?php echo $fitemcaption ?>"/>

        </a>

        <?php

    
    endwhile; wp_reset_query();

    
    endif;

    
    $wp_query $tmp;

    
     ?>


          </div>

             

          <!-- END SLIDER -->

          <!-- SLIDER SETTINGS -->

       <script type="text/javascript">

                $j = jQuery.noConflict();

    $j(window).load(function() {

    $j('#slider').nivoSlider({

    effect:'random',

    slices:15,

    animSpeed:<?php if(of_get_option(&#39;webfolio_slideranimationspeed&#39;)==&#39;&#39;): echo &#39;500&#39;;

    
  else: echo of_get_option(&#39;webfolio_slideranimationspeed&#39;);

    
  endif;?>
,

    pauseTime:<?php if(of_get_option(&#39;webfolio_sliderpausetime&#39;)==&#39;&#39;): echo &#39;3000&#39;;

    
  else: echo of_get_option(&#39;webfolio_sliderpausetime&#39;);

    
  endif;?>
,

    startSlide:0, //Set starting Slide (0 index)

    directionNav:true, //Next &amp; Prev

    directionNavHide:true, //Only show on hover

    controlNav:true, //1,2,3...

    controlNavThumbs:false, //Use thumbnails for Control Nav

    controlNavThumbsFromRel:false, //Use image rel for thumbs

    controlNavThumbsSearch: '.jpg', //Replace this with...

    controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src

    keyboardNav:true, //Use left &amp; right arrows

    pauseOnHover:true, //Stop animation while hovering

    manualAdvance:false, //Force manual transitions

    captionOpacity:0.8, //Universal caption opacity

    beforeChange: function(){},

    afterChange: function(){},

    slideshowEnd: function(){} //Triggers after all slides have been shown

    });

    });

    </script>

       <!-- END SLIDER -->

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:Centrar imagen dentro del slider
« Respuesta #3 en: 14 de Mayo de 2013, 16:13:45 pm »
Se que esto no viene al tema pero las redes sociales tienen una serie de normativas para la utilización de su logotipo en botones personalizados, deberías de leerlas.

Un saludo.
Twitter: @JoakoM010



Desconectado TurkoDesigns

  • PHPerit@
  • *
  • Mensajes: 14
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:Centrar imagen dentro del slider
« Respuesta #4 en: 17 de Mayo de 2013, 02:13:44 am »
Se que esto no viene al tema pero las redes sociales tienen una serie de normativas para la utilización de su logotipo en botones personalizados, deberías de leerlas.

Un saludo.

No entiendo lo que has querido decir, pero si te refieres a lo del boton de twitter no se que problema hay :S