| Şuanki Dizin: /home/wwwdreamtechnolo/public_html/swamipolytechnic.org/slider/examples/ |
| Şuanki Dosya : /home/wwwdreamtechnolo/public_html/swamipolytechnic.org/slider/examples/12-custom-target.html |
<!DOCTYPE html>
<html>
<head>
<title>PhotoSwipe</title>
<meta name="author" content="Ste Brennan - Code Computerlove - http://www.codecomputerlove.com/" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link href="styles.css" type="text/css" rel="stylesheet" />
<link href="../photoswipe.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../lib/klass.min.js"></script>
<script type="text/javascript" src="../code.photoswipe-3.0.5.min.js"></script>
<script type="text/javascript">
/*
Overview:
---------
Demonstrates inline functionality. This demo sets the images using an array.
There is nothing stopping you basing this on image dom elements like other examples
*/
(function(window, Util, PhotoSwipe){
Util.Events.domReady(function(e){
var instance;
instance = PhotoSwipe.attach(
[
{ url: 'images/full/001.jpg', caption: 'Image 001'},
{ url: 'images/full/002.jpg', caption: 'Image 002'},
{ url: 'images/full/003.jpg', caption: 'Image 003'},
{ url: 'images/full/004.jpg', caption: 'Image 004'},
{ url: 'images/full/005.jpg', caption: 'Image 005'},
{ url: 'images/full/006.jpg', caption: 'Image 006'},
{ url: 'images/full/007.jpg', caption: 'Image 007'},
{ url: 'images/full/008.jpg', caption: 'Image 008'},
{ url: 'images/full/009.jpg', caption: 'Image 009'},
{ url: 'images/full/009.jpg', caption: 'Image 009'},
{ url: 'images/full/010.jpg', caption: 'Image 010'},
{ url: 'images/full/011.jpg', caption: 'Image 011'},
{ url: 'images/full/012.jpg', caption: 'Image 012'},
{ url: 'images/full/013.jpg', caption: 'Image 013'},
{ url: 'images/full/014.jpg', caption: 'Image 014'},
{ url: 'images/full/015.jpg', caption: 'Image 015'},
{ url: 'images/full/016.jpg', caption: 'Image 016'},
{ url: 'images/full/017.jpg', caption: 'Image 017'},
{ url: 'images/full/018.jpg', caption: 'Image 018'}
],
{
target: window.document.querySelectorAll('#PhotoSwipeTarget')[0],
preventHide: true,
getImageSource: function(obj){
return obj.url;
},
getImageCaption: function(obj){
return obj.caption;
}
}
);
instance.show(0);
});
}(window, window.Code.Util, window.Code.PhotoSwipe));
</script>
</head>
<body>
<div id="Header">
<a href="http://www.codecomputerlove.com"><img src="images/codecomputerlovelogo.gif" width="230" height="48" alt="Code Computerlove" /></a>
</div>
<div id="MainContent">
<div id="PhotoSwipeTarget"></div>
</div>
<div id="Footer">
<p><small>© 2011 Code Computerlove Ltd - new media agency / digital marketing agency</small></p>
<div id="SocialLinks">
<a href="http://blog.codecomputerlove.com/"><img src="images/blogicon.png" width="32" height="32" alt="Blog" /></a>
<a href="http://www.twitter.com/computerlovers"><img src="images/twittericon.png" width="32" height="32" alt="Twitter" /></a>
<a href="http://www.facebook.com/CodeComputerlove"><img src="images/facebookicon.png" width="32" height="32" alt="Facebook" /></a>
<a href="http://www.flickr.com/photos/codecomputerlove"><img src="images/flickricon.png" width="32" height="32" alt="Flickr" /></a>
</div>
</div>
</body>
</html>
Linux 65-254-81-4.cprapid.com 5.14.0-284.11.1.el9_2.x86_64 #1 SMP PREEMPT_DYNAMIC Tue May 9 05:49:00 EDT 2023 x86_64
Apache
65.254.81.4