2011-12-19 35 views
0

我正在處理將客戶證明作爲標記顯示在Google地圖上的項目。需要設置區域以顯示限制其大小的圖像

在SQL中使用服務器端集羣和返回場的集羣或標記一個JSON,這是所有工作的很好。某些推薦內容包含更豐富的內容,例如圖片網址或視頻網址。

我使用一個.js文件標記標籤,以顯示每個標記下的文本標識顯示例如評級五分之五,但客戶向我們提供圖像的地方,我需要顯示圖像。帶標籤代碼的標記使用CSS樣式來設置文本或圖像。我正在檢查我的Jquery代碼中是否有光照,如果存在,爲標記提供正確的參數,但是,由於客戶提供了這些圖像,因此它們都具有不同的尺寸和空間。目前的代碼似乎顯示照片的實際大小掛在標記,我試圖添加最大寬度:60px;最大高度:60px;寬度:自動;身高:自動;但它沒有效果。有沒有什麼辦法可以使用CSS或jQuery來縮小這些圖像的顯示尺寸,保持縱橫比?

我有一種感覺,我將不得不通過現有的股票,創建修改後的文件,並更新數據庫,以指向每個記錄到它的新路徑,我寧願避免,如果我可以代碼圍繞它。一旦這個項目正在運行,將會有一個很大的推動力來獲得更多的客戶數據,並且我可以影響未來圖像的文件保存。

從本質上講,我想了一些代碼來顯示圖像爲約在Windows桌面上正常的圖標的尺寸最大尺寸的縮略圖。

+0

改變了方向略有下降,在與客戶的審查,我動態創建點擊一個鏈接或地圖標記時,DIV顯示圖像....我發現這個線程關於使用的功能,通過ID改變圖像大小圖像區域:[link] http://stackoverflow.com/questions/7572170/resize-image-by-area [/ link],我可以調用函數嗎?$(target).click(function() ();}(); $(「#message」)。 – Sudonim 2011-12-19 14:12:53

+0

已完成!我已經設置jquery創建字符串與內聯樣式表CSS代碼錯誤地使用{}不是「...」一旦我將其更改爲樣式=「最大寬度:120px;最大高度:120px;寬度:汽車;身高:自動;「 not style = {max-width:120px; max-height:120px;寬度:自動;身高:自動;}它的作品,因爲我想它... – Sudonim 2011-12-19 15:32:34

回答

0

不正確地使用{}"..."。有一次,我將其更改爲:

style = 
     "max-width: 120px; 
      max-height: 120px; 
      width: auto; 
      height: auto; 
     " 
not style = 
      { 
       max-width: 120px; 
       max-height: 120px; 
       width: auto; 
       height: auto; 
      } 

它按我的意願工作。

相關問題