创建图片库

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Image Gallery</title>
</head>
<body>
<h1>Snapshots</h1>
<ul>
    <li>
        <a href="image/bone7.jpg" onclick="showPic(this); return false;" title="a famous dota player">bone7</a>
    <li>
        <a href="image/Forever-07.jpg" onclick="showPic(this); return false;" title="a old man">Forever-07</a>
    </li>
    <li>
        <a href="image/HuiYuanAi.jpg" onclick="showPic(this); return false;" title="a beautiful girl">HuiYuanAi</a>
    </li>
    <li>
        <a href="image/GeYOU.jpg" onclick="showPic(this); return false;" title="a funny movie star">GeYOU</a>
    </li>
</ul>
<img id="KeNan" src="image/KeNan.jpg" alt="my image gallery"/>
<script type="text/javascript" src="scripts/showPic.js"></script>
</body>
</html>
function showPic(whichpic)
{
var source=whichpic.getAttribute("href");
var KeNan=document.getElementById("KeNan");
KeNan.setAttribute("src",source);
}

加入childNodes,为什么先加载一次网页(360安全浏览器)显示数字8,点击确定后又弹出alert显示9呢?然后就没有alert了。不懂。

function showPic(whichpic)
{
var source= whichpic.getAttribute("href");
var KeNan= document.getElementById("KeNan");
KeNan.setAttribute("src",source);
}
function countBodyChildren()
{
    var body_element= document.getElementsByTagName("body")[0];
    alert(body_element.childNodes.length);
    window.onload= countBodyChildren;

}

 countBodyChildren();
时间: 2024-10-07 06:40:31

创建图片库的相关文章

Studio for WPF:使用 C1TileView 创建图片库

C1TileView 提供了数据交互浏览的功能.允许我们设置最大化和最小化浏览模板,我们可以通过最小化模板快速定位详细浏览选项. 下面我们分步分享实现方法: 1.添加 C1TileView 到窗体,并且添加 8 个 C1TileViewItem. 2.添加 Image 地址作为 C1TileViewItem 显示内容,并且设置 Header 属性为图片名. <c1:C1TileViewItem Header="Jellyfish.jpg" Content="Images

SharePoint Online 创建图片库

前言 本文介绍如何在Office 365中创建图片库,以及图片库的一些基本设置. 正文 通过登录地址登录到Office 365的SharePoint Online站点中,我们可以在右上角的设置菜单中,选择添加应用程序: 或者,进入网站内容,选择添加应用程序,二者的效果是一样的: 添加应用程序的时候,我们选择图片库: 然后,在弹出的菜单中输入一个名称,也就是图片库名称: 当然,我们同样建议大家,先输入英文名称,然后修改为中文名称,这样,更加方便识别: 创建完毕,会返回网站内容页面,我们可以找到新创

SharePoint Online 创建门户网站系列之图片滚动

?? 前 言 创建SharePoint Online栏目我们之前已经介绍过了,具体就是内容编辑器方式.自带WebPart方式和JavaScript读取后台数据前台做展示的三种: 但是,对于复杂的展示来说,这些方式还是会比较难以实现,虽然对于首页的图片轮播来说,通过JavaScript方式已经完全能够胜任,但是,我还是想通过这个栏目,为大家介绍如何使用沙盒解决方案创建WebPart,来完成更加复杂的前台展示. 下面,让我们开始在SharePoint Online的门户网站中创建沙盒解决方案吧 .

JavaScript DOM编程艺术学习笔记(四)

第四章 案列研究: JavaScript图片库 利用JavaScript来创建图片库将是最佳的选择:把整个图片库的浏览链接集中安排在图片库主页里,只在用户点击了这个主页里的某个图片链接时才把相应的图片传送给他. 时间处理函数(event handler)的作用是,在特定时间发生时调用特定的JavaScript代码.例如,如果想在鼠标指针悬停在某个元素上时触发一个动作,就需要使用onmouseover事件处理函数;如果想在鼠标指针离开某个元素时触发一个动作,就需要使用onmouseout事件处理函

web前端开发必看的14本书!

第一阶段:HTML和CSS的学习 HTML就不多说了,基础中的基础,这个都不会的小伙伴请参见HTML手册,认真学习W3C课程,稍有基础之后可以跟着视频学习<HTML+CSS基础课程>. 欧克!荐书开始! 1.<CSS权威指南>第三版 这本书实在太适合小白用户了,是一本为初学者清扫障碍的书籍.同行一致认为这本书是学习CSS基础的首选.CSS界权威Meyer大师的作品,翻译水平也灰常赞! 2.<CSS那些事儿> 住邦2000写字楼出租众合鑫房产 热门商圈楼盘出租,设施齐全,

sharepoint 訪问缩略图

Sharepoint缩略图 简单介绍 Sharepoint2010中有专门的图片库,当你新建图片库后,向图片上传一部分图片.当你浏览这个库时显示一排排小图片.当点击一个图片时进入显示的是大图.不要简单的觉得这是通过设置image标签的大小设定的. 原理介绍 事实上sharepoint中,当你成功上传一个图片时,事实上向sharepoint存了三张图片.一张原图,还有两张缩略图.以下我们怎訪问缩略图? 訪问缩略图图片 我在自己的网站下创建图片库 picture,向库中上传图片.(这里的ip是局域网

sharepoint 访问缩略图

Sharepoint缩略图 简介 Sharepoint2010中有专门的图片库,当你新建图片库后,向图片上传一部分图片.当你浏览这个库时显示一排排小图片.当点击一个图片时进入显示的是大图.不要简单的认为这是通过设置image标签的大小设定的. 原理介绍 其实sharepoint中,当你成功上传一个图片时,其实向sharepoint存了三张图片.一张原图,还有两张缩略图.下面我们怎访问缩略图? 访问缩略图图片 我在自己的站点下创建图片库 picture,向库中上传图片.(这里的ip是局域网ip,外

Web开发必备书籍

你看,或者不看我, 我就在那里, 不悲不喜: 你读,或者不读我, 内容就在那里, 不离不弃: 来我的怀里, 或者, 让我住进你的脑海里, 默默 渗透 皆大 欢喜 在这个竞争激烈的社会,我深深的感觉到'技多不压身'是句真理.在大家马不停蹄的奋斗的时候,小编插空给大家推荐web开发必备良品,从入门到精通,应有尽有,不容错过~ 1.HTML5篇--<HTML5与CSS3基础教程(第8版)> 作者 Elizabeth Castro,Bruce Hyslop 译者 望以文 书号 978-7-115-35

Orchard官方文档翻译(一) 总览

原文地址:http://docs.orchardproject.net/ 最近想要学习了解orchard,但却没有找到相关的中文文档,只有英文文档.于是决定自行翻译,以便日后方便翻阅. 转载请注明原作者与出处. 本人英文水平有限,错误之处欢迎指出以便修正. Orchard 文档 Note: 该文档站点内的所有与orchard相关的内容均来自于社区的贡献. 如果你愿意做出贡献,请参阅文档样式指导方针来发布建议主题. 让我们开始 安装 Orchard 通过zip文件手动安装Orchard 让Orch