導航:首頁 > 動漫圖片 > 淘寶輪播圖片怎麼全屏

淘寶輪播圖片怎麼全屏

發布時間:2023-09-04 23:43:58

A. 請問高手,我淘寶店鋪全屏輪播圖片尺寸是1920*550,為什麼沒有完全顯示,只是居中全屏

因為淘寶默認只能顯示950寬的尺寸,就算你把圖片做成3000的也無濟於事,所以只顯示中間,要解決這個問題需添加代碼:
<div style="height:550px;" data-title="">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;top:-10px;">
<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">
<div style="width:1920px;height:500px;background: url() no-repeat fixed center top;overflow:hidden;">
<img src="輪播圖地址" />
</a>
</div>
</div>
</div>把你要輪播的圖片地址放入輪播圖地址內,打開淘寶裝修-添加模塊-自定義模塊-點擊最左邊的藍色雙向箭頭,也就是源碼,把代碼復制粘貼進去,再把要輪播的圖片地址代入我標出的「輪播圖地址」內,確定,發布……。我講得這么細致,不可能不懂吧……
呃,這個是單張的圖片全屏,如果是多張輪播圖的話代碼會很長,這里好像發不上來了,要的話就留郵箱吧

B. 淘寶店圖片輪播怎麼設置

圖片輪播是淘寶網標准版店鋪才有的功能,如果親能夠找到可以圖片輪播的代碼,將代碼黏貼放在自定義內容區,一樣可以達到圖片輪播的效果。今天主要跟大家分享第一種,淘寶網標准版以上的(包括標准版)店鋪:如何設置圖片輪播

工具/原料
淘寶旺鋪(標准版以上)
輪播圖片(至少准備兩張圖片,寬度固定為750px,高度沒要求,所選圖片高度要一至)
步驟/方法
1
登入淘寶——賣家中心,點擊圖片空間。

2
點擊圖片上傳——通用上傳。

3
選擇分類(要上傳到哪個分類下,有助於查看。沒有合適的,也可以點擊創建分類),點擊添加圖片

4
選擇要上傳的圖片——確定

5
點擊回到圖片管理

6
復制圖片空間中的圖片連接
和店鋪首頁中的寶貝連接地址(點擊這張圖片輪播,會跳到哪個寶貝詳情頁或其他頁面)

7
在桌面新建一個TXT格式的文檔,將連接都黏貼其內
8
登入賣家中心——店鋪裝修,在右側模塊點擊在此處添加新模塊——添加「圖片輪播」

9
點擊編輯

10
設置——保存
1.模塊標題可以更改,可以顯示、也可以不顯示。不顯示就直接在模塊標題處留空白。
2.選擇合適的模塊高度,找不到合適的,點擊下拉框——自定義,輸入高度值。
3.切換效果,根據個人要求選擇。
4.點擊添加,可增添圖片數量。將圖片地址和連接地址(鏈接地址就是點擊這張圖片輪播,會跳到哪個寶貝詳情頁或其他頁面)黏貼到指定區域。

11
最後點擊發布

END
注意事項
淘寶網標准版店鋪才圖片輪播的功能
圖片寬度固定為750px,高度雖沒限制,但一般情況下最好不要超過寬度。圖片高度要一樣高

C. 淘寶網裝修圖片輪播怎樣鋪滿全屏

1.登錄淘寶店。
登錄到淘寶店,點擊「賣家中心」,進入到店鋪管理頁面。
2.進入店鋪裝修。
點擊左側「店鋪裝修」進入店鋪裝修頁面。
3.添加好自定義頁面後,點擊頁面編輯,進入正式頁面編輯框。點擊右上角「編輯」按鈕,可以進入到編輯區域。
4.進入編輯框後,點擊下圖畫圈的地方,導入以下代碼:
<div class="layout grid-m0" data-componentid="231" data-context="bd" data-id="1041995155" data-prototypeid="231" data-widgetid="1041995155">
<div class="col-main">
<div class="main-wrap" data-moles="main" data-width="b950" style="overflow:visible;">
<div class="skin-box tb-mole">
<s class="skin-box-tp"></s>
<div class="skin-box-bd clear-fix">
<div class="J_TWidget" data-widget-config="{"effect": "fade", "circular": true ,"contentCls":"tanchudiv"}" data-widget-type="Tabs" style="height:490px;overflow:hidden;">
<div class="tanchudiv" style="height:500px;">
<div class="footer-more-trigger" style="border-bottom:medium none;border-left:medium none;padding-bottom:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;border-top:medium none;top:auto;border-right:medium none;padding-top:0px;left:50%;">
<div class="footer-more-trigger" style="border-bottom:medium none;border-left:medium none;padding-bottom:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;border-top:medium none;border-right:medium none;padding-top:0px;left:-50%;">
<div class="J_TWidget" data-widget-config="{"contentCls": "taobao-kaidian-com","navCls": "taobaokaidian-com","effect": "scrollx","easing": "easeOutStrong","prevBtnCls":"prev","nextBtnCls":"next","autoplay": true,"viewSize":[1920],"circular": true}" data-widget-type="Carousel">
<div class="J_TWidget" data-widget-config="{"trigger":".ux1920","align":{"node":".ux1920","offset":[-480,0],"points":["cc","cc"]}}" data-widget-type="Popup" style="display:none;">
<div class="prev" style="font-size:100px;cursor:pointer;opacity:0.5;">
<span><img data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/75979125/T2.nOlXbpcXXXXXXXX-75979125.png" title="上一屏" /></span>
</div>
</div>
<div class="J_TWidget" data-widget-config="{"trigger":".ux1920","align":{"node":".ux1920","offset":[480,0],"points":["cc","cc"]}}" data-widget-type="Popup" style="display:none;">
<div class="next" style="font-size:100px;cursor:pointer;opacity:0.5;">
<span><img data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/75979125/T2d8dTXetdXXXXXXXX-75979125.png" title="下一屏" /></span>
</div>
</div>
<div class="ux1920" style="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;overflow:hidden;padding-top:0px;">
<ul class="taobao-kaidian-com" style="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;padding-top:0px;">
<li style="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;padding-top:0px;">
<span><a data-attr-replace="網路經驗 網路經驗 網路經驗 網路經驗" href="http://www.taobao.com/?scene=taobao_shop" style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;padding-top:0px;" target="_blank"><img data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/683164596/TB2fwioXVXXXXawXpXXXXXXXXXX-683164596.jpg" border="0" height="500" width="1920" /></a></span>
</li>
<li style="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;padding-top:0px;">
<span><a data-attr-replace="網路經驗 網路經驗 網路經驗 網路經驗" href="http://www.taobao.com/?scene=taobao_shop" style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;padding-top:0px;" target="_blank"><img data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/683164596/TB288WoXVXXXXXRXpXXXXXXXXXX-683164596.jpg" border="0" height="500" width="1920" /></a></span>
</li>
<li style="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;padding-top:0px;">
<span><a data-attr-replace="網路經驗 網路經驗 網路經驗 網路經驗" href="http://www.taobao.com/?scene=taobao_shop" style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;padding-top:0px;" target="_blank"><img data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/683164596/TB2OhSnXVXXXXaiXpXXXXXXXXXX-683164596.jpg" border="0" height="500" width="1920" /></a></span>
</li>
<li style="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;padding-top:0px;">
<span><a data-attr-replace="網路經驗 網路經驗 網路經驗 網路經驗" href="http://www.taobao.com/?scene=taobao_shop" style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;padding-top:0px;" target="_blank"><img data-ks-lazyload="http://img01.taobaocdn.com/imgextra/i1/683164596/TB2CfypXVXXXXcvXXXXXXXXXXXX-683164596.jpg" border="0" height="500" width="1920" /></a></span>
</li>
</ul>
</div>
<div class="footer-more-trigger" style="border-bottom:medium none;border-left:medium none;padding-bottom:0px;padding-left:0px;padding-right:0px;border-top:medium none;border-right:medium none;padding-top:0px;left:50%;">
<div class="footer-more-trigger" style="border-bottom:medium none;border-left:medium none;padding-bottom:0px;padding-left:0px;width:1920px;padding-right:0px;height:45px;border-top:medium none;top:444px;border-right:medium none;padding-top:0px;left:-960px;">
<ul class="taobaokaidian-com" style="border-bottom:medium none;text-align:center;border-left:medium none;margin:0px auto;width:1920px;height:45px;border-top:medium none;border-right:medium none;">
<li style="line-height:45px;margin:0px 5px;display:inline;cursor:pointer;">
<span><img data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/683164596/TB2fwioXVXXXXawXpXXXXXXXXXX-683164596.jpg" style="border-bottom:#33CCFF 2px solid;border-left:#33CCFF 2px solid;margin:5px 0px;vertical-align:middle;border-top:#33CCFF 2px solid;border-right:#33CCFF 2px solid;" border="0" height="48" width="186" /></span>
</li>
<li style="line-height:45px;margin:0px 5px;display:inline;cursor:pointer;">
<span><img data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/683164596/TB288WoXVXXXXXRXpXXXXXXXXXX-683164596.jpg" style="border-bottom:#33CCFF 2px solid;border-left:#33CCFF 2px solid;margin:5px 0px;vertical-align:middle;border-top:#33CCFF 2px solid;border-right:#33CCFF 2px solid;" border="0" height="48" width="186" /></span>
</li>
<li style="line-height:45px;margin:0px 5px;display:inline;cursor:pointer;">
<span><img data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/683164596/TB2OhSnXVXXXXaiXpXXXXXXXXXX-683164596.jpg" style="border-bottom:#33CCFF 2px solid;border-left:#33CCFF 2px solid;margin:5px 0px;vertical-align:middle;border-top:#33CCFF 2px solid;border-right:#33CCFF 2px solid;" border="0" height="48" width="186" /></span>
</li>
<li style="line-height:45px;margin:0px 5px;display:inline;cursor:pointer;">
<span><img data-ks-lazyload="http://img01.taobaocdn.com/imgextra/i1/683164596/TB2CfypXVXXXXcvXXXXXXXXXXXX-683164596.jpg" style="border-bottom:#33CCFF 2px solid;border-left:#33CCFF 2px solid;margin:5px 0px;vertical-align:middle;border-top:#33CCFF 2px solid;border-right:#33CCFF 2px solid;" border="0" height="48" width="186" /></span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<ul class="ks-switchable-nav" style="display:none;">
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
5.點擊確定,點擊右上角的「發布」馬上觀看輪播圖。

閱讀全文

與淘寶輪播圖片怎麼全屏相關的資料

熱點內容
適合小女孩的燙發發型圖片 瀏覽:405
你是女生拉屎的圖片 瀏覽:967
word圖片顯示不全屏 瀏覽:978
性感美女流氓動態圖片 瀏覽:553
男生房間設計圖片 瀏覽:322
word復制圖表變圖片線段缺失 瀏覽:348
傷感女生的圖片大全大圖 瀏覽:419
美女與野獸鹿中箭變美女的圖片 瀏覽:400
海馬車價格及圖片大全 瀏覽:629
超帥的男生圖片學霸 瀏覽:738
100件衣服圖片 瀏覽:629
窒息動漫圖片 瀏覽:842
時風拖拉機404圖片價格 瀏覽:161
天然綠松石圖片及價格 瀏覽:690
qq頭像中學男生圖片 瀏覽:411
cdr圖片怎麼做透視 瀏覽:8
word圖片加密 瀏覽:276
有字的圖片關於男生 瀏覽:994
逆行背影圖片男生 瀏覽:34
翡翠飾品價格及圖片 瀏覽:67