Line 18: | Line 18: | ||
} | } | ||
</style> | </style> | ||
+ | |||
+ | <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> | ||
+ | <script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> | ||
+ | <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(function($){ | ||
+ | var addToAll = false; | ||
+ | var gallery = true; | ||
+ | var titlePosition = 'inside'; | ||
+ | $(addToAll ? 'img' : 'img.fancybox').each(function(){ | ||
+ | var $this = $(this); | ||
+ | var title = $this.attr('title'); | ||
+ | var src = $this.attr('data-big') || $this.attr('src'); | ||
+ | var a = $('<a href="#" class="fancybox"></a>').attr('href', src).attr('title', title); | ||
+ | $this.wrap(a); | ||
+ | }); | ||
+ | if (gallery) | ||
+ | $('a.fancybox').attr('rel', 'fancyboxgallery'); | ||
+ | $('a.fancybox').fancybox({ | ||
+ | titlePosition: titlePosition | ||
+ | }); | ||
+ | }); | ||
+ | $.noConflict(); | ||
+ | </script> | ||
</head> | </head> | ||
</html> | </html> |
Revision as of 23:07, 3 September 2016