Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Felipe Chiarotti

jQuery Height

Recommended Posts

Ola, eu tenho uma div chamada slideshow, e dentro dela tenho o ul e li, e dentro deles uma img. Eu gostaria de pegar o height dessa imagem. E definir a slideshow com o tamanho dela.

 

Por exemplo, se a imagem tiver 300px, eu pego isso por jquery, vou no css da div slideshow e altero o height dela pra 300px.

Compartilhar este post


Link para o post
Compartilhar em outros sites


<div class="slideshow">

<ul>

<li><img class="imagem ativa" src="..." /></li>

<li><img class="imagem" src="..." /></li>

</ul>

</div>

 

<script type="text/javascript">

 

// ...

// evento que dispara a testagem

 

var altura = $('.imagem.ativa').height;

$('.sliedshow').css('height', altura);

 

</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites
<div class="slideshow">
  <ul>
    <li><img class="imagem ativa" src="..." /></li>
    <li><img class="imagem" src="..." /></li>
  </ul>
</div>

<script type="text/javascript">

// ...
// evento que dispara a testagem

var altura = $('.imagem.ativa').height;
$('.sliedshow').css('height', altura);

</script>

 

Olá amigo. Eu tenho o seguinte slideshow:

$('#slideshow ul').fadeIn(0).cycle({ fx: 'fade',  speed:3000, timeout: 30 });

Deixei da seguinte forma:

        $('#slideshow ul').fadeIn(0).cycle({ fx: 'fade',  speed:3000, timeout: 30 });
        
        var height = $('.imagemativa').height();
        alert(height);
        $('#slideshow').css('height', height);

Porém o alert está me retornando null.

E gostaria de adicionar um height a div slideshow.

 

         <div id="slideshow">
        <ul>
        
   
     <?php
            foreach($ler as $lerSlide):
         echo '<li><a  href="#"><img class="imagemativa" src="linkimagem.jpg"/></a></li>';
            endforeach;
             ?>
        </ul>
        </div>

Pois ele carrega depois da pagina, assim, sobrepondo o conteudo abaixo dele, e a img está com um width:100%, então cada resolução fica em um tamanho de altura diferente. Por isso gostaria de adicionar um height automatico. Mas fiz igual me disse, e não consegui.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você marcou como resolvido e em seguida respondeu que não conseguiu, não entendi.

 

Se você ainda não conseguiu, preste atenção que não existe método .height(); como no exemplo que eu coloquei, você usa $('seletor').height; você está acessando um atributo, não invocando um método.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você marcou como resolvido e em seguida respondeu que não conseguiu, não entendi.

 

Se você ainda não conseguiu, preste atenção que não existe método .height(); como no exemplo que eu coloquei, você usa $('seletor').height; você está acessando um atributo, não invocando um método.

Olá amigo, eu consegui isto, muito obrigado, e funcionou com o () mesmo. O meu problema agora é outro

se puder me ajudar, toda vez que o site é aberto pela primeira vez, ele não carrega o slideshow. Porém todos os outros scripts sim, que estão inclusive contidos no mesmo arquivo

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.