html電影圖片展示_任何使用HTML製作以圖片展示為主的網站求指導

A. 關於圖片展示代碼

文件名：a.html
------------------------------------------------------------
<!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=gb2312" />
<title>tableFrame_simple</title>
<style type="text/css">
body{
width:auto;
height:auto;
padding:0;
margin:10px 0;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul{
clear:both;
padding:0;
margin:0;
list-style:none;
}
#tableFrame{
width:875px; /*需要修改*/
height:auto;
border-top:#000 1px solid;
border-left:#000 1px solid;
padding:0;
margin:0 auto;
font-size:12px;
}
#tableFrame:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
li{
float:left;
display: block;
width:110px; /*需要修改*/
height:auto;
padding:2px;
margin:0;
border-right:#000 1px solid;
border-bottom:#000 1px solid;
line-height:16px;
color:000;
}

/* 表格內容*/
#tableCase ul{align-text:center}
#tableCase ul li{align-text:center}

/* 單個表格特定樣式*/
.tableCaseOne{cursor: hand;}
.tableCaseTwo{cursor:hand;}
.tableCaseThree{color:#329A02;cursor:hand;}
.tableCaseFour{cursor:hand;}
.tableCaseFive{color:#f00;cursor: hand;}
.tableCaseSix{cursor: hand;}
.tableCaseSeven{color:#f00;cursor: hand;}
</style>
</head>

<body>
<div id="tableFrame">

<div id="tableCase">

<h3 align="center">這里是標題</h3>
<ul>


<li onclick="window.open('b.html')"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif" class="tableCaseOne" border="0" width="100" height="120"></li>

</ul>
</div>
</div>
</body>
</html>
------------------------------------------------------------
b.html
------------------------------------------------------------
你自己的頁面代碼，只不過在要圖片滾動的地方加上
<marquee direction="left" width="200" height="100" loop="-1" scrollamount="1">
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif" border="0" />
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif" border="0" />
</marquee>

B. HTML的顯示圖片代碼！！！

你想單文件顯示展示多張image吧。
可以考慮用location.hash來配合js來完成。
比如index.html#imgpath=/images/Playground/Archbridge/archbridge.jpg
在輸出img標簽的時候讀取hash裡面就數據就ok了

C. HTML中，怎麼讓視頻在沒有播放的時候顯示視頻的縮略圖

寫一個最外框div,然後把這個div設置圖片背景。就可以實現了，不過flash最好設置透明。

(3)html電影圖片展示擴展閱讀：

「超文本」就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。超文本標記語言的結構包括「頭」部分（英語：Head）、和「主體」部分（英語：Body），其中「頭」部提供關於網頁的信息，「主體」部分提供網頁的具體內容。
超級文本標記語言是標准通用標記語言下的一個應用，也是一種規范，一種標准，它通過標記符號來標記要顯示的網頁中的各個部分。
網頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。

D. 如何在html中顯示圖片（用img）具體一點，急要，有沒有大佬知道啊

定義和用法
<img src="/i/eg_tulip.jpg" alt="上海鮮花港 - 鬱金香" />
img 元素向網頁中嵌入一幅圖像。
請注意，從技術上講，<img> 標簽並不會在網頁中插入圖像，而是從網頁上鏈接圖像。<img> 標簽創建的是被引用圖像的佔位空間。
<img> 標簽有兩個必需的屬性：src 屬性和 alt 屬性。
alt 規定圖像的替代文本。
src 規定顯示圖像的 URL。

E. html視頻怎麼讓視頻播放結束後顯示指定圖片

video有個事件

onended播放結束時候觸發

<!DOCTYPEHTML>
<html>
<body>

<videosrc="/i/movie.ogg"controls="controls"onended="showImg()">

</video>

</body>
<script>
functionshowImg(){
alert('showImg');
}
</script>
</html>

F. html怎麼在頁面上顯示圖片

直接放一個<img> 標簽就行了。格式為<img src="你的圖片路徑" />，步驟如下：

1、添加<img> 標簽，資源「src」裡面填寫本地圖片的路徑名：

img標簽定義及使用說明:

<img> 標簽定義 HTML 頁面中的圖像。

<img> 標簽有兩個必需的屬性：src 和 alt。

注釋：從技術上講，圖像並不會插入 HTML 頁面中，而是鏈接到 HTML 頁面上。<img> 標簽的作用是為被引用的圖像創建佔位符。

提示：通過在 <a> 標簽中嵌套 <img> 標簽，給圖像添加到另一個文檔的鏈接。

(6)html電影圖片展示擴展閱讀：

HTML：超文本標記語言，標准通用標記語言下的一個應用。

「超文本」就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。

超文本標記語言的結構包括「頭」部分（英語：Head）、和「主體」部分（英語：Body），其中「頭」部提供關於網頁的信息，「主體」部分提供網頁的具體內容。

網路-HTML

G. 求javascript的圖片展示特效

我空間有，給你找下！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>insert </title>

<script language="javascript">
var arr=new Array("img1.jpeg","img2.jpeg","img3.jpeg","img4.jpeg","img5.jpeg","img6.jpeg","img7.jpeg","img8.jpeg","img9.jpeg","img10.jpeg");
var arr1=new Array("img9.jpeg","img1.jpeg","img2.jpeg","img3.jpeg","img4.jpeg","img5.jpeg","img6.jpeg","img7.jpeg","img8.jpeg");
var length=9;
var len=arr.length;
var newarr=new Array();
function roll(){
//var len=arr.length;
if(newarr.length==0){
}else{
arr=newarr;
}
for(var i=0;i<length;i++){
var div=document.getElementById("div"+(i+1));
if(i==0){
div.innerHTML="<img style='width:20px;height:80px'src='"+arr[i+1]+"' onclick=''/>";
}else if(i==1||i==length-2){
div.innerHTML="<img style='width:40px;height:80px'src='"+arr[i+1]+"' onclick=''/>";
}else if(i==2||i==length-3){
div.innerHTML="<img style='width:60px;height:80px'src='"+arr[i+1]+"' onclick=''/>";
}else if(i!=length-1){
div.innerHTML="<img style='width:80px;height:80px'src='"+arr[i+1]+"' onclick=''/>";
}else{
div.innerHTML="<img style='width:20px;height:80px'src='"+arr[0]+"' onclick=''/>";
}
}
var temp=arr[0];
//alert(temp);
arr.shift();
newarr=arr;
//alert(newarr.length);
newarr[len-1]=temp;
//alert(newarr.length);
/*for(var i=0;i<newarr.length;i++){
alert(newarr[i]);
}*/
}
function rollBack(){
//var len=arr.length;
if(newarr.length==0){
}else{
arr=newarr;
}
for(var i=0;i<length;i++){
var div=document.getElementById("div"+(i+1));
if(i==0){
div.innerHTML="<img style='width:20px;height:80px'src='"+arr[len-1]+"' onclick=''/>";
}else if(i==1||i==length-2){
div.innerHTML="<img style='width:40px;height:80px'src='"+arr[i-1]+"' onclick=''/>";
}else if(i==2||i==length-3){
div.innerHTML="<img style='width:60px;height:80px'src='"+arr[i-1]+"' onclick=''/>";
}else if(i!=length-1){
div.innerHTML="<img style='width:80px;height:80px'src='"+arr[i-1]+"' onclick=''/>";
}else if(i==length-1){
div.innerHTML="<img style='width:20px;height:80px'src='"+arr[i-1]+"' onclick=''/>";
}
}
var temp=arr[len-1];
//alert(temp);
arr.pop();
arr.reverse();
arr[len-1]=temp;
newarr=arr.reverse();
/*for(var i=0;i<newarr.length;i++){
alert(newarr[i]);
}*/
}
</script>
<body>
<table>
<tr>
<td><div id="div1"><img style="width:20px;height:80px"src="img1.jpeg" onclick=""/></div><td>
<td><div id="div2"><img style="width:40px;height:80px"src="img2.jpeg" onclick=""/></div><td>
<td><div id="div3"><img style="width:60px;height:80px"src="img3.jpeg" onclick=""/></div><td>
<td><div id="div4"><img style="width:80px;height:80px"src="img4.jpeg" onclick=""/></div><td>
<td><div id="div5"><img style="width:80px;height:80px"src="img5.jpeg" onclick=""/></div><td>
<td><div id="div6"><img style="width:80px;height:80px"src="img6.jpeg" onclick=""/></div><td>
<td><div id="div7"><img style="width:60px;height:80px"src="img7.jpeg" onclick=""/></div><td>
<td><div id="div8"><img style="width:40px;height:80px"src="img8.jpeg" onclick=""/></div><td>
<td><div id="div9"><img style="width:20px;height:80px"src="img9.jpeg" onclick=""/></div><td>
</tr>
<tr>
<td colspan="4" align="left"><input type="button"value="next" onclick="roll()"/></td>
<td colspan="5"align="right"><input type="button"value="previous" onclick="rollBack()"/></td>
<tr>
</table>
</body>
</html>

圖片你自己替換下！

H. html中，如何動態顯示幾個圖片，就是從左到右依次顯示5張圖片

1、新建一個html文件，命名為test.html，在test.html文件內，使用img標簽創建一張圖片，圖片是images文件夾下面的1.jpg。

I. html裡面如果想要把全屏幻燈片展示圖片效果只顯示一部分怎麼改代碼

一般幻燈片尺寸上會有三個屬性，找到這三個屬性，改成你對應的即可。

幻燈片展示區域寬高
幻燈片圖片寬高（一般與展示區域相同寬高）
幻燈片輪播效果寬高（比如輪播需要移動多少像素，一般是跟展示區域相同）

如果樓主能提供代碼，我想我會直接的幫助到你。

J. 任何使用HTML製作以圖片展示為主的網站。求指導

qq空間那種是動態頁面的效果，而html只是靜態頁面無法實現那種效果，但可以在html中嵌入框架以達到那種效果，不過做起來有些復雜。你就做那種一個頁面放一張圖片和文字說明，再加上一個連接跳到另一個頁面的就行了。

導航:首頁 > 音樂圖片 > html電影圖片展示

html電影圖片展示

與html電影圖片展示相關的資料