fotorama

Fotorama custom video

由 孤街浪徒 提交于 2019-12-08 12:24:43
问题 is it possible to have custom video on fotorama, I can't embed my video to youtube, vimeo or any other video services, I need to have a simple video tag to display the video. 回答1: Answer: http://fotorama.io/customize/html/ So you can use the HTML5 video tag or any custom video flash pleer. 回答2: Built-in support for YouTube and Vimeo: http://fotorama.io/customize/video/ You can also add any video if you have iframe link and previews. Here are the Dailymotion videos: http://fotorama.io/examples

fotorama how to work with ajax

由 谁说我不能喝 提交于 2019-12-07 18:45:15
问题 I got two problems by using ajax in fotorama i) before ajax, my code is: <div id="AjaxPhoto" class="fotorama" data-nav="thumbs" data-ratio="4/3"></div> after ajax, my code is: <div id="AjaxPhoto" class="fotorama" data-nav="thumbs" data-ratio="4/3"> <img src="1.jpg" /> <img src="2.jpg" /> </div> the fotorama may work or not work in this case ii) assume the fotorama works 'successfully', when I clear data by $("#AjaxPhoto").empty(); $(".fotorama--hidden").remove(); and then add the other images

Call fotorama gallery in full screen mode via API

由 北慕城南 提交于 2019-12-01 00:19:18
I'm launching the fotorama jquery gallery plug-in from a standard HTML link. It works nicely but I'd like to launch in full-screen mode right away, rather than having to click the link within fotorama to change it to full screen after it's launched. The code I have is this: <div id="fotorama" class="fotorama" data-width="100%" data-height="100%" data-nav="thumbs" data-allowfullscreen="true" data-transition="crossfade" data-auto="false"> </div> <p class="something">Something</p> <script> $(function(){ $('.something').click(function(){ var $gallery = $('#fotorama').fotorama(); var fotorama =

Call fotorama gallery in full screen mode via API

由 混江龙づ霸主 提交于 2019-11-30 19:38:41
问题 I'm launching the fotorama jquery gallery plug-in from a standard HTML link. It works nicely but I'd like to launch in full-screen mode right away, rather than having to click the link within fotorama to change it to full screen after it's launched. The code I have is this: <div id="fotorama" class="fotorama" data-width="100%" data-height="100%" data-nav="thumbs" data-allowfullscreen="true" data-transition="crossfade" data-auto="false"> </div> <p class="something">Something</p> <script> $
订阅 fotorama