Home >Web Front-end >HTML Tutorial >Can pure HTML without css or js create the effect of image carousel? expect_html/css_WEB-ITnose
Can pure HTML without css or js create the effect of image carousel? expect_html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
- 2016-06-24 12:19:212086browse
Can the image carousel effect be created using pure HTML without css or js? Looking forward to
Reply to the discussion (solution)
No need for css, no need for js
Then just load a flash in html, and the effect will be in the flash.
Make the pictures into animations and they will be rotated naturally
Thank you for your reply, no need for flash, just pure html
The marquee tag in html can move the picture. The pictures cycle back and forth.
Unlikely. . . What can HTML do without JS? Can make a resume. . .
Is html5 possible/?
GIF images can be rotated by themselves
html CSS doesn’t seem to be that powerful yet
Pure html
It’s probably out of the question!
Pure html is useless
Yes. . . Why not?
Doesn’t HTML have a URL address that automatically jumps to a tag? You make several pages and insert different pictures into each one, so that all pages jump in a loop.
Can’t you achieve the picture carousel effect?
Pure html without js picture switching
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"><head><title>完全利用CSS实现图片切换特效_网页代码站(www.webdm.cn)</title><meta http-equiv="content-type" content="text/html;charset=gb2312" /><style> dl { position:absolute;width:240px;height:170px;border:10px solid #eee; } dd { margin:0;width:240px;height:170px;overflow:hidden; } img { border:1px solid black } dt { position:absolute;right:3px;top:50px; } a { display:block;margin:1px;width:20px;height:20px;text-align:center;font:700 12px/20px "宋体",sans-serif;color:#fff;text-decoration:none;background:#666;border:1px solid #fff;filter:alpha(opacity=40);opacity:.4; } a:hover {background:#000}</style></head> <body> <dl><dt><a href="#a" title="">1</a> <a href="#b" title="">2</a> <a href="#c" title="">3</a> </dt> <dd><img src="http://www.webdm.cn/images/20090909/p1.gif" alt="" id="a" /> <img src="http://www.webdm.cn/images/20090909/p2.gif" alt="" id="b" /> <img src="http://www.webdm.cn/images/20090909/p3.gif" alt="" id="c" /> </dd> </dl></body></html> Extreme..........
Sir, you have a good idea. But the reality is cruel
Automatic still won’t work!
8633b23c7adfccc00fe43d2a263e119d
a34de1251f0d9fe1e645927f19a896e8
60bf8d10721dc96d9f5d539d4962a017ce71d96328269f433b26ef02335bf099
012fb565e13ba62e08866c9d2cad5497
a34de1251f0d9fe1e645927f19a896e8
5bd60624c47be7307f1057a25592fd2b
fc2c8cb221f2329dabb0285a05179333
fa3c94c23429699fa33308633647d40c
7923c0f3e7087ce11af9c9bc81f2a877
a34de1251f0d9fe1e645927f19a896e8
f3f68ac590e27da2fc3306098d55b8de82a866c32c1026265ac2eb4d8eb93f37950cbc0662a0616cd0ca887285110ba15db79b134e9f6b82c0b36e0489ee08edb90dd5946f0946207856a8a37f441edf
803171f5116e583247015fdda6a64b8182a866c32c1026265ac2eb4d8eb93f37c4d22273aab5263d798568abddc22e6c5db79b134e9f6b82c0b36e0489ee08edb90dd5946f0946207856a8a37f441edf
0b83c5da4b6cf9968391eab24b74025a< ;a href="http://shop64788439.taobao.com/" target="_blank">
fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08
7204e33a7a23f6efcc788532e245c31b
297d7688eeebcb3df227e91a43b20cd2
b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08
俺I can do this, hope it helps you
Pure html without js image switching
XML/HTML code
?
1234567891011121314151617181920212223242526
Thank you