① 求圖片站源碼,要可以生成靜態的
InterPhoto
圖片網站系統(相冊網站系統)是一個功能強大,
使用簡單,
專業型的多用戶圖片網站管理系統.
可用於建設以展示
圖片為主要目的的網站,
如:
設計公司,
時裝公司,
展覽展示公司,
攝影圖片,
創意圖片,
繪畫圖片等等類型的網站.
摘自其主站。
你可以看下我以前用過。還行。可以生成靜態……
② 求圖片站dedeCMS
樓主你好
圖片站的話,建議樓主到網上找個圖片站的模板,有很多可以選擇,用戶上傳的可以讓他們在會員中心上傳,建立類似「圖集」的欄目,就可以批量上傳圖片了。
希望可以幫到你。 林羽凡
③ 能幫我寫一個html5的網頁代碼嗎,要包含圖片,不用太難,選修課要交作業.
正好我在練習這個,給你發下,看看行不<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
body{
background: #D8D4D4;
}
ul,li{
list-style: none;
}
#bg{
width: 600px;height: 200px;
margin: 100px auto;
background: #9E9A9A;
}
li{
float: left;
width: 194px;height: 196px;
border:2px solid #C6C0C0;
margin: 0 1px;
}
li:hover{
border-color:#9E9A9A;
background:#C6C0C0;
}
.icon_01{
display: block;
line-height: 196px;
width: 194px;
text-align: center;
font-size: 16px;
color: #B30E0E;
}
.spinner{
-webkit-animation:spinner 5s infinite linear;
animation:spinner 5s infinite linear;
}/*關鍵幀的名稱 5秒一個周期 無限循環 勻速運動 */
@-webkit-keyframes spinner{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(359deg);
transform:rotate(359deg);
}
}
@keyframes spinner{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(359deg);
transform:rotate(359deg);
}
}
</style>
</head>
<body>
<div id="bg">
<ul>
<li><i class="icon_01 "><img src="images/t6.jpg" alt="可以隨便找圖片加上去" width="194px" height="196px"></i></li>
<li><i class="icon_01 spinner"><img src="images/t6.jpg" alt="可以隨便找圖片加上去" width="194px" height="196px"></i></li>
<li><i class="icon_01 "><img src="images/t6.jpg" alt="可以隨便找圖片加上去" width="194px" height="196px"></i></li>
</ul>
</div>
</body>
</html>
④ 3、javascript+CSS+Html5實現圖片預覽(本地和網路圖片)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Transform</title>
<style type="text/css">
.test-box{
width:600px;
margin:50px auto;}
.pic{
-webkit-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
cursor:pointer;}
.top-pic{
position:absolute;
transform:scale(0,0)}
.test-box:hover .top-pic{
-webkit-transform-origin:top right;
-webkit-transform:scale(1,1);}
.test-box:hover .bot-pic{
-webkit-transform:scale(0,0);
-webkit-transform-origin:bottom left;
opacity: .5;
-webkit-transform:rotate(120deg);
-webkit-transform-origin:bottom left;
}
</style>
</head>
<body>
<div class="test-box">
<img class="pic top-pic" src="test-pic01.jpg" />
<img class="pic bot-pic" src="test-pic02.jpg" />
</div>
</body>
</html>
隨便寫了幾個效果,沒有用到JS,不過要用到JS只要把觸發事件替換掉上面的hover就行了,比如:
$(".button").click(function () {
。。。
});
這裡面用到CSS3,所以請不要用IE11以下的低版本瀏覽器,不然你啥都看不見
⑤ 點擊圖片就能瀏覽的超鏈接HTML5怎麼寫
使用HTML <map>標簽,給圖片設置熱點(指定的要添加鏈接的地方)
例子:
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" border="0" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html" style="cursor: pointer" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>
關於例子的解釋:
area 元素永遠嵌套在 map 元素內部。area 元素可定義圖像映射中的區域。
<img>中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性(取決於瀏覽器),所以應同時向 <map> 添加 id 和 name 屬性。
x1,y1,x2,y2
如果 shape 屬性設置為 "rect",則該值規定矩形左上角和右下角的坐標。
x,y,radius
如果 shape 屬性設置為 "circ",則該值規定圓心的坐標和半徑。
x1,y1,x2,y2,..,xn,yn
如果 shape 屬性設置為 "poly",則該值規定多邊形各邊的坐標。如果第一個坐標和最後一個坐標不一致,那麼為了關閉多邊形,瀏覽器必須添加最後一對坐標。
⑥ 做出該圖片的HTML5代碼
這其實並不難,只要有前段基礎的都能做出來,
但是花費的時間較多,如其他幾位所說,不值,
⑦ HTML5四張圖片分兩行顯示,兩張圖片獨佔一行,每張圖片下的文字要有超鏈接怎麼寫代碼
<html>
<head>
<title>helloword</title>
<styletype="text/css">
*,ul,li{margin:0;border:0;padding:0;box-sizing:border-box;}
ul{list-style:none;}
.ul,.ul1{display:inline-block;float:left;margin:0auto;}
img{height:200px;width:200px;}
.ulli:nth-of-type(2),.ul1li:nth-of-type(2){text-align:center;}
</style>
</head>
<body>
<divclass="ul">
<ul>
<li><imgsrc=...></li>
<li>這圖片很好看</li>
</ul>
<ul>
<li><imgsrc=...></li>
<li>這圖片很好看</li>
</ul>
</div>
<divclass="ul1">
<ul>
<li><imgsrc=...></li>
<li>這圖片很好看</li>
</ul>
<ul>
<li><imgsrc=...></li>
<li>這圖片很好看</li>
</ul>
</div>
</body>
</html>
⑧ HTML5創建一個圖片瀏覽器完整代碼
自己不動手解決永遠解決不了一個問題