如何更改縮略圖的樣式？
[英]How can I change the style of thumbnails?
問題描述
我完全沒有Java和jQuery的經驗。 我想使用Fileupload插件使用jQuery進行文件上傳。 它幾乎可以正常工作，但我也想預覽每張上傳的圖片，因此我決定在文件的進度欄旁邊創建上傳圖片的縮略圖。 為此，我想使用CSS更改樣式。 但是，如何將縮略圖鏈接到CSS文件？ 那是創建縮略圖的代碼，在這里我需要與css文件建立關系。
add: function (e, data) {
$('body).append('<img src="' + URL.createObjectURL(data.files[0]) + '"img width="220px" height="120px"/> <link rel="stylesheet" href="/assets/css/style.css"/>');
不幸的是，該標簽不起作用。
2 個解決方案
解決方案1
2 2015-11-17 15:50:13
1）頁面加載后無法追加CSS文件。 因此，從附加函數中刪除標簽。
2）預先在head標簽中添加CSS文件。
HTML：
<head>
<!-- head content -->
<link href="/assets/css/style.css" type="text/css" rel="stylesheet" />
</head>
3）在CSS文件中創建一個新的類名，其中包含您希望縮略圖具有的樣式
CSS：
.myThumbnailStyle{
width:25%;
display:inline-block;
etc...
}
4）將該類名添加到您的縮略圖img標簽中
$('body).append('<img class='myThumbnailStyle' src="' + URL.createObjectURL(data.files[0]) + '" width="220px" height="120px"/>');
解決方案2
0 已采納 2015-11-17 15:49:42
如果使用.css文件中已存在的正確類創建圖像，則它應自動應用對應的樣式。
另外，別忘了正確關閉主體選擇器
add: function (e, data) { $('body').append('<img src="' + URL.createObjectURL(data.files[0]) + '" width="220px" height="120px"/>');
希望對您有幫助。
如何設置Nivo Slider縮略圖的樣式？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.