JavaScript可以設置高度，寬度等屬性嗎？

我有一個存儲在我的文件中的圖像。JavaScript可以設置高度，寬度等屬性嗎？

我想查看3種不同尺寸的圖片所以我使用<img src>標籤並定義了不同高度的寬度3倍。

當我只是迴應它時，它工作得很好。現在我想用滑塊查看它，並且我已經添加了JavaScript代碼。

其爲「拇指形象」的工作很好，因爲它有<img src>標記它，但小圖像和大圖像沒有<img src>標籤，我無法理解如何調整圖像在這兩個'smallimage:' &'largeimage:」。

我對JavaScript沒有太多瞭解。我只是從其他地方複製JavaScript代碼。

<link rel="stylesheet" href="css/jquery.jqzoom.css" type="text/css"> 
<script type="text/javascript"> 

    $(document).ready(function() { 
     $('.jqzoom').jqzoom({ 
      zoomType: 'innerzoom', 
      preloadImages: false, 
      alwaysOn:false 
     }); 
    }); 
</script> 


<table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> 
<tr> 
    <td align="right" valign="top" ><div class="clearfix" style="margin-left:-30px;"> 
     <a href="images/imgProd2/bracelets_Diamond.png" class="jqzoom" rel='gal1' title="triumph" >   
      <img src='<?php echo $single_image_query_fetch['images']; ?>' height='261' width='325' 
       title='triumph' style='border: 4px solid #666;'>    
     </a> 
     </div> 
     <br/> 

     <!-------------------------------- Images Part is strating from here -------------------------> 

     <div class="clearfix" style="margin-left:-30px; margin-top:-10px;" > 
      <ul id="thumblist" class="clearfix" > 

       $image_query = "select * from product_images where product_id=$id"; 
       $image_query_run = mysql_query($image_query); 
       while($image_query_fetch = mysql_fetch_array($image_query_run)) { 

        //Thumb     
        $thumb_image = 
         "<img src=http://localhost/cms/". 
           $image_query_fetch['images'] ." height='80' width='100' alt=\"\" />"; 


        //large 
        $big_image = "<img src=http://localhost/cms/". 
          $image_query_fetch['images'] ." height='1024' width='1280' alt=\""/>"; 
          $image_fetch[1]= $big_image; 

        //small         
        $small_image = "<img src=http://localhost/cms/". 
            $image_query_fetch['images'] ." height='261' width='325' alt=\"\" />"; 
       <li> 
       <a href='javascript:void(0);' rel="{gallery: 'gal1', 
                 smallimage: 'images/imgProd2/Bracelet_Silver.png', 
                 largeimage: 'images/imgProd2/bracelets_Diamond.png'}"> 
         <img src='<?php echo $image_fetch[0]; ?>' height='80' width='100' > 
        </a> 
      </li> 
}

在<li>我想定義尺寸smallimage和largeimage。請告訴我如何去做。

來源

2013-08-30 Taha Kirmani

所以你從s複製粘貼JS還有其他地方，現在你想要根據你的需求來定製它嗎？學習寫你自己的JS，或者僱傭一些人爲你做。這不是一個免費的代碼生成器。（標題問題的答案：「JS可以設置屬性」是：不，不是JS，但是DOM可以，而且JS的瀏覽器實現包括DOM API，它提供了你需要的方法） –

如果你有隻有**一個**圖像大小在您的服務器上，使用CSS或JS，您只能強制**瀏覽器** **調整圖像大小，但不能使其體積更小。使用一些PHP圖像調整大小庫，將調整大小和存儲在您的服務器上不同的圖像大小。否則，您可以在Canvas中讀取圖像，並將不同的大小發送到服務器進行存儲。 –

是的，你可以。

對於高度：

$(".smallimage").height(100);

對於寬度：

$(".smallimage").width(150);

變化100和150到您的值或動態一個...

乾杯

來源

2013-08-30 09:39:54

非常感謝您的迴應！我知道這聽起來很愚蠢，但你能告訴我在哪裏添加這些行。 –

你能告訴我你從哪裏得到源代碼嗎？如果是這樣，也許我可以檢查出來並給出正確的答案。也許插件本身有一些你可以調整的設置。 –

我從這裏下載了j查詢碼 http://www.mind-projects.it/projects/jqzoom/archives/jqzoom_ev-2.3.zip –

$("smallimage").css('height', 'num_here'); 
$("smallimage").css('width', 'num_here'); 

$("largeimage").css('height', 'num_here'); 
$("largeimage").css('width', 'num_here');

我不知道是否largeimage和smallimage或類或ID的，所以你必須指定你自己假設你知道該怎麼做......因爲高度和寬度屬性jQuery的文檔中顯示。不僅如此，這個問題必須在這裏被問及100多次。

來源

2013-08-30 09:37:16

JavaScript可以設置高度，寬度等屬性嗎？

回答

相關問題