içinde bir resim görüntülemek için nasıl

5 Cevap php

Ben dinamik görüntü değişen bir img öğesi var. Ben her zaman tam boyutta bu görseli göstermek istiyorum.

Yani, ben dinamik genişliğini değiştirmek ve yükseklik img etiketinin niteliklerini ettik düşünüyorum.

Ben bu php veya javascript nasıl yapabilirim?

5 Cevap

Sadece genişlik ve yükseklik nitelikleri (ve stiller) kapalı bırakarak yapmalıdır. Sonradan bunu bilmeniz gerekiyorsa bilgisayarlı CSS onu yakalayabilir.

Eğer genişlik ve yükseklik boyutlarıyla olmadan yapamaz? Eğer genişliğini ve yüksekliğini tanımlamak yoksa kadarıyla gördüğüm gibi tarayıcı tüm Tam boy resmi görüntüler. Modern tarayıcıların çoğu olmasıdır.

, Sen alt, yükseklik, genişlik ve nitelikleri (gerekir) umurumda olduğunu varsayarsak, bir javascript diziden görüntü özelliklerini okumak sizin için iyi bir uyum olabilir. İşte jQuery rastgele bir görüntü ekleyerek bir örnek, sizin render istiyorum vb slayt, her türlü için dışarı rastgele görüntü mantığı takas olabilir.

$(document).ready(function() {

  var imageArray = new Array ();
  imageArray[0] = new Array ( "jungle.jpg",   "http://rmportal.net", "Jungle", "400", "300");
  imageArray[1] = new Array ( "mountain.jpg", "http://rmportal.net", "Mountain" , "350", "290");
  imageArray[2] = new Array ( "ocean.jpg",    "http://rmportal.net", "Ocean" , "442", "530");

  var max = imageArray.length;
  var num = Math.floor((Math.random() * max));

  var hstring = "<a href='" + imageArray[num][1] + "'><img src='" + imageArray[num][0] + "' alt='" + imageArray[num][2] +  "' height='" imageArray[num][3] +  "' width='" + imageArray[num][4] + "' /></a>"

  $('#my-image').html(hstring);

});

Eğer width tutmayı tercih ve height HTML niteliklerini isterseniz, o zaman PHP size GD kütüphanesinde getimagesize yöntemi istiyorum .

If the page loads with the image’s width and height included as attributes in the source, use removeAttribute('width') and 'height' the first time you change its source.

Eğer yavaş bir indirme işlemi sırasında 'çöküşü' olarak sayfayı istemiyorsanız, görüntüyü önceden yüklemek ve önbelleğe alınmış olsa hemen olan after img.complete doğrudur src değiştirmek veya görüntü onload yangınlardan sonra.