圖片輪播，有文字說明又可以超連結

kinhorse
個人積分：0分
文章編號：75024904

0分

樓主

2019-10-16 15:58

世界一空
http://botsodg-r.blogspot.com/

以上的網站的圖片輪播很棒，哪裡可以下載學習

google一下
https://codertw.com/%E7%A8%8B%E5%BC%8F%E8%AA%9E%E8%A8%80/434375/

沒有集全部功能於一身：圖片輪播，有文字說明又可以超連結

2019-10-16 15:58 發佈

文章關鍵字圖片連結文字說明

mascotqoo

mascotqoo
個人積分：5310分
文章編號：75030631

5310分

2樓

2019-10-17 7:34

-------------------------------

懶的廢話，也沒人聽的懂

nwcs

nwcs
個人積分：5972分
文章編號：75032668

5972分

3樓

2019-10-17 10:43

這都是買現成3Party吧,哪有那個美國時間去搞這個?
要自學的話,就把動作分解,你自己嚐試一步步實現該功能,有問題再到技術論壇提問...
你先做到輪播吧....我記得Google和圖書館應該有,不然就跑一趟書店唄

只是要學該網站的,用Chrome看Source code再去猜怎麼完成的會比較快

mascotqoo

mascotqoo
個人積分：5310分
文章編號：75034104

5310分

4樓

2019-10-17 12:30

nwcs wrote:
這都是買現成3Party...(恕刪)

這都是買現成3Party吧,哪有那個美國時間去搞這個?

好吧，或許樓主有時間。

up2u

up2u
個人積分：2308分
文章編號：75035476

2308分

5樓

2019-10-17 14:42

kinhorse wrote:
世界一空http:/...(恕刪)

最主要關鍵字是輪播(Carousel)

10 Best Carousel Plugins In jQuery/JavaScript/CSS (2019 Update)

上述網址某些推薦就可以圖文同時輪播

kinhorse

kinhorse
個人積分：0分
文章編號：75093195

0分

樓主

2019-10-22 22:40

感謝五樓提示的關鍵字
找到相同的輪播，該網站也提供下載，但我不太會修改
https://www.jqueryscript.net/slideshow/Camera-Slideshow-Plugin.html

如何讓輪播圖片變小及可以超連結

kinhorse

kinhorse
個人積分：0分
文章編號：75100173

0分

樓主

2019-10-23 13:50

圖片超連結，看世界一空的原始碼，可以成功

data-target="_blank" data-link="https://xxxxxxxxx">

增加上述的語法

但圖片如何縮小，正研究中

up2u

up2u
個人積分：2308分
文章編號：75105101

2308分

8樓

2019-10-23 20:56

kinhorse wrote:
data-target="_blank" data-link="https://xxxxx...(恕刪)

「data-」是HTML5一種自定義屬性的用法

你的html基本功不夠，請先把基礎打好，https://www.w3schools.com/ 這個站請多看

nwcs

nwcs
個人積分：5972分
文章編號：75118892

5972分

9樓

2019-10-24 21:48

kinhorse wrote:
但圖片如何縮小，正研究中恕刪)

他是設定100%自動縮放
你直接縮小Banner顯示的範圍即可
還是你想達成何種縮小效果?
你用Chrome的檢查功能,就能找到運作的語法,改成你想要的連結和圖片縮小的效果...