请问，在dreamweaver里面怎么在同一行上放几张图片啊。

我想做的是左边和右边各一个前进后退的，鼠标经过会变的那个效果。，中间放一张主图片。。麻烦大家解答下呀谢谢... 我想做的是左边和右边各一个前进后退的，鼠标经过会变的那个效果。，中间放一张主图片。。麻烦大家解答下呀谢谢展开

 我来答

3个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

272932077
2011-09-29

知道答主

回答量：10

采纳率：0%

帮助的人：3.6万

我也去答题访问个人页

关注

展开全部

可以用层的隐藏和显示来解决这个问题用JavaScript去控制层的显示和隐藏

追问

可以说说具体的吗

已赞过 已踩过<

评论收起

博思aippt
2024-07-20 广告

作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT... 点击进入详情页

本回答由博思aippt提供

kiqif
2011-09-29

知道答主

回答量：38

采纳率：0%

帮助的人：11.7万

我也去答题访问个人页

关注

展开全部

你到网上搜js的广告代码，这样的一堆一堆的！

已赞过 已踩过<

评论收起

百度网友aae1e74
推荐于2016-01-31 · 超过45用户采纳过TA的回答

知道小有建树答主

回答量：159

采纳率：0%

帮助的人：58.9万

我也去答题访问个人页

关注

展开全部

简单实用的网页图片播放器，代码（js+css）如下：

<?xml version="1.0" encoding="utf-8"?>
<!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-Hans" lang="zh-Hans">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="none" />
<meta name="author" content="bluefee" />
<title>图片播放器 1.0 作者:bluefee</title>
<style type="text/css" rel="stylesheet">
body {text-align:center;}
img {border:0;vertical-align:middle;}
div#photoPlayer {border:1px solid #CCC;margin:0 auto;padding:8px;}
div#photoPlayer div#photo {margin:0;padding:0;}
div#photoPlayer div#tools {text-align:center;height:32px;line-height:32px;margin-top:8px;}
div#photoPlayer div#tools a {width:96px;height:30px;line-height:30px;padding:4px;font-size:12px;color:#249A04;text-decoration:none;}
div#photoPlayer div#tools a img {margin-right:4px;}
div#photoPlayer div#tools a:link {border:none;}
div#photoPlayer div#tools a:visited {border:none;}
div#photoPlayer div#tools a:hover {border:1px solid #249A04;}
div#photoPlayer div#tools a:active {border:1px solid #249A04;}
</style>
<script type="text/javascript">
/*
 *名称:图片播放器
 *作者: bluefee
 *日期: 2008-06-26
 *版权: Copyright 2008 www.sharklet.cn. All rights reserved.
 */
var photoPlayer = function () {
	var _this = this;
	//播放器宽度
	this.width = 0;
	//播放器高度
	this.height = 0;
	//图片编号
	this.id = "";
	//图片标题
	this.title = "";
	//图片地址
	this.url = "";
	//图片原始宽度
	this.photoWidth = 0;
	//图片原始高度
	this.photoHeight = 0;
	//定时器
	this.timer = null;
	//预读图片对象
	this.image = null;
	//当前索引
	this.currentIndex = 0;
	//图片资源数组
	this.elements = [];
	//添加资源
	this.addPhoto = function( id,title,url ) {
		var resource = id + "|" + title + "|" + url;
		this.elements.push( resource );
	}
	//工具栏
	this.tools = [ "prev","next","resize","zoom","camera","about" ];
	this.initializeTools = function () {
		var tools = document.getElementById( "tools" );
		for (var toolsIndex=0;toolsIndex<this.tools.length ;toolsIndex++ )
		{
			switch ( this.tools[toolsIndex] )
			{
				case "prev":
					var anchor = document.createElement("a");
					anchor.href = "#";
					anchor.innerHTML = "<img src=\"http://www.sharklet.cn/PhotoPlayer/prev.gif\" alt=\"上一张\"/>上一张";
					anchor.onclick = function() { _this.prev() };
					tools.appendChild( anchor );
					break;
				case "next":
					var anchor = document.createElement("a");
					anchor.href = "#";
					anchor.innerHTML = "<img src=\"http://www.sharklet.cn/PhotoPlayer/next.gif\" alt=\"下一张\"/>下一张";
					anchor.onclick = function() { _this.next() };
					tools.appendChild( anchor );
					break;
				case "resize":
					var anchor = document.createElement("a");
					anchor.href = "#";
					anchor.innerHTML = "<img src=\"http://www.sharklet.cn/PhotoPlayer/resize.gif\" alt=\"实际大小\"/>实际大小";
					anchor.onclick = function() { _this.resize() };
					tools.appendChild( anchor );
					break;
				case "zoom":
					var anchor = document.createElement("a");
					anchor.href = "#";
					anchor.innerHTML = "<img src=\"http://www.sharklet.cn/PhotoPlayer/zoom.gif\" alt=\"自动缩放\"/>自动缩放";
					anchor.onclick = function() { _this.zoom() };
					tools.appendChild( anchor );
					break;
				case "camera":
					var anchor = document.createElement("a");
					anchor.href = "#";
					anchor.innerHTML = "<img src=\"http://www.sharklet.cn/PhotoPlayer/camera.gif\" alt=\"幻灯片模式\"/>幻灯片";
					anchor.onclick = function() { _this.camera() };
					tools.appendChild( anchor );
					break;
				case "about":
					var anchor = document.createElement("a");
					anchor.href = "#";
					anchor.innerHTML = "<img src=\"http://www.sharklet.cn/PhotoPlayer/about.gif\" alt=\"版本信息\"/>版本信息";
					anchor.onclick = this.about;
					tools.appendChild( anchor );
					break;
			}
		}
	}
	this.show = function () {
		var playerHTML = "";
		playerHTML += "<div id=\"photoPlayer\" style=\"width:";
		playerHTML += this.width;
		playerHTML += "px;height=\"";
		playerHTML += this.height;
		playerHTML += "px;\">\n";
		playerHTML += "<div id=\"photo\" align=\"center\">\n";
		playerHTML += "<img id=\"photoResource\" alt=\"\"/>\n"
		playerHTML += "</div>\n";
		playerHTML += "<div id=\"title\">\n";
		playerHTML += "</div>\n";
		playerHTML += "<div id=\"tools\">\n";
		playerHTML += "</div>\n";
		playerHTML += "</div>\n";
		document.writeln( playerHTML );
		this.initializeTools();
		this.render();
	}
	this.render = function() {
		var photo = this.elements[this.currentIndex].split( "|" );
		this.id = photo[0];
		this.title = photo[1];
		this.url = photo[2];
		this.image = new Image();
		this.image.src = this.url;
		this.photoWidth = this.image.width;
		this.photoHeight = this.image.height;
		var photoResource = document.getElementById("photoResource");
		if( this.photoWidth > 0 && this.photoHeight > 0 )
		{
			if( this.photoWidth/this.photoHeight >= this.width/this.height )
			{
				if( this.photoWidth > this.width )
				{
					photoResource.width = this.width;
					photoResource.height = (this.photoHeight * this.width ) / this.photoWidth;
				}
				else
				{
					photoResource.width= this.photoWidth; 
					photoResource.height = this.photoHeight;
				}
			 }
			 else
			 {
				if( this.photoHeight > this.height )
				{
					photoResource.height = this.height;
					photoResource.width = (this.photoWidth * this.height) / this.photoHeight;
				}
				else
				{
					photoResource.width = this.photoWidth; 
					photoResource.height = this.photoHeight;
				} 
			}
		}
		photoResource.src = this.image.src;
		photoResource.alt = this.title;
		this.image = null;
	}
	this.prev = function() {
		if ( (this.currentIndex-1) >= 0  )
		{
			this.currentIndex--;
		}
		else
		{
			this.currentIndex = this.elements.length - 1;
		}
		this.render();
	}
	this.next = function() {
		if ( (this.currentIndex+1) < this.elements.length)
		{
			this.currentIndex++;
		}
		else
		{
			this.currentIndex = 0;
		}
		this.render();
	}
	this.resize = function() {
		var photoResource = document.getElementById("photoResource");
		photoResource.width = this.photoWidth;
		photoResource.height = this.photoHeight;
	}
	this.zoom = function() {
		this.render();
	}
	this.slider = function ()
	{
		if ( this.currentIndex + 1 >= this.elements.length )
		{
			this.currentIndex = 0;
		}
		else
		{
			this.currentIndex++;
		}
		this.render();
	}
	this.camera = function() {
		if ( this.timer )
		{
			window.clearInterval( this.timer );
			this.timer = null;
		}
		else
		{
			this.timer = window.setInterval( function() { _this.slider(); },3000 );
		}
	}
	this.about = function() {
		alert( "图片播放器 1.0 作者:bluefee" );
	}
}
</script>
</head>
<body>
<script type="text/javascript">
var player = new photoPlayer();
player.addPhoto( 1,"甜甜的美女_01","http://www.sharklet.cn/MM1.jpg" );
player.addPhoto( 2,"甜甜的美女_02 ","http://www.sharklet.cn/MM2.jpg" );
player.width = 640;
player.height = 480;
player.show();
</script>
</body>
</html>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

1条折叠回答

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

您可能关注的内容

什么软件可以修改图片上的文字—领先的安卓Apk修改工具

轻松修改安卓应用名称和图标、定制软件的功能和界面、并将apk转成AS源代码项目。通过加固和混淆的方式让应用过白不报毒，还能将网页打包成各种手机平台的应用。

www.apkeditor.cn广告

批量转换图片软件-视频压缩在线-一键压缩图片大小kb

批量转换图片软件-各种jpg，bmp，png格式都能在线压缩，无需下载，即传即压，照片在线压缩，视频压缩，不压缩画质，分辨率高，原画质无损!支持各类文件格式转换

tpspys.najgzeyu.cn广告

AI改图生成神器-一键智能生成-智能生成需求改图

图怪兽改图神器，AI自动改图局部生成，一键改图局部重绘，点击免费试用为设计师打造新的生产力AI工具，无需负载操作一键成为灵魂画手，海量资源学习模型

www.818ps.com广告

请问，在dreamweaver里面 怎么在同一行上放几张图片啊。

您可能关注的内容

其他类似问题

为你推荐：

请问，在dreamweaver里面怎么在同一行上放几张图片啊。