用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - php代码库

网页图片显示类型

2014-03-01 作者: 云代码会员举报

[php]代码库

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html>
<head>
<style type="text/css">
* {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12pt;
}


</style>

<title>Highslide JS</title>

</head>

<body>
<h1>Highslide JS</h1>
<ul>
	<li><a href="http://highslide.com">Highslide JS home page</a></li>
	<li><a href="http://highslide.com/doc.php">Documentation</a></li>
	<li><a href="http://highslide.com/ref">Full API reference</a></li>
	<li><a href="http://www.roadrash.no/">More samples at www.roadrash.no</a></li>
</ul>

<h3>Barebones samples</h3>
<p>Go to one of these examples and modify the code to suit your needs:</p>

<h4>Highslide JS core</h4>
<ul>
    <li><a href="examples/white-10px.html">White 10px border and drop shadow</a></li>
    <li><a href="examples/no-border.html">Drop shadow and no border, semi transparent close button</a></li>
    <li><a href="examples/white-rounded-outline.html">White outline with rounded corners</a></li>
    <li><a href="examples/outer-glow.html">Dark design with outer glow</a></li>
    <li><a href="examples/no-outline.html">No graphic outline</a></li>
    <li><a href="examples/image-map.html">Image map with heading from the title tag</a></li>
</ul>

<h4>With Gallery</h4>
<ul>
    <li><a href="examples/gallery-white.html">Gallery example with white design</a></li>
    <li><a href="examples/gallery-dark.html">Gallery example with dark design</a></li>
    <li><a href="examples/mini-gallery.html">Mini gallery hidden under one thumbnail, dimming page background</a></li>
    <li><a href="examples/mini-galleries.html">Two mini galleries on the same page</a></li>
    <li><a href="examples/gallery-controls-in-heading.html">Controls in the heading</a></li>
    <li><a href="examples/gallery-floating-caption.html">No border and a floating caption</a></li>
    <li><a href="examples/gallery-in-box.html">Images within a fixed size restraining box</a></li>
    <li><a href="examples/gallery-vertical-strip.html">Vertical thumbstrip to the left, no border</a></li>
    <li><a href="examples/gallery-horizontal-strip.html">Horizontal thumbstrip at the bottom, white rounded style</a></li>
    <li><a href="examples/gallery-thumbstrip-above.html">Thumbstrip above the image, subsequent thumbnails hidden</a></li>
    <li><a href="examples/gallery-floating-thumbs.html">Floating thumbstrip to the right</a></li>
    <li><a href="examples/gallery-in-page.html">Gallery in the parent page without Highlslide popping up at all</a></li>
</ul>

<h4>With HTML</h4>
<ul>
    <li><a href="examples/inline.html">Inline content with wrapper</a></li>
    <li><a href="examples/headline.html">Inline content with wrapper and headline</a></li>
    <li><a href="examples/ajax.html">AJAX content</a></li>
    <li><a href="examples/iframe.html">Iframed content</a></li>
    <li><a href="examples/flash.html">Flash content</a></li>
    <li><a href="examples/youtube.html">YouTube content</a></li>
    <li><a href="examples/html.html">Full inline content without self rendering wrapper</a></li>
</ul>


</body>
</html>

[代码运行效果截图]


网页图片显示类型

[源代码打包下载]




网友评论    (发表评论)

共2 条评论 1/1页

发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...