Bài đăng

Đang hiển thị bài đăng từ Tháng 11, 2014

jQuery HTML5 Fullscreen Slideshow

Hình ảnh
This jQuery plugin lets you create fullscreen galleries where the slides are shown on the entire screen using the fullscreen APIs provided by Firefox 10+ and Chrome 15+ (and possibly Safari 5.1+). In all other browsers it falls back to displaying the slideshow in the entire viewport. Example (click image to view) Broadway Tower in Cotswolds, England  Taken by Wikimedian  Newton2 New York City at Night, HDR  Taken by  Paulo Barcellos Jr. Red Squirrel with pronounced winter ear tufts  Taken by Wikimedian  Ray eye Pictures take from  Wikimedia Commons Picture of the Year 2007 . Usage $ ( function (){ // initialize the slideshow $ ( '.image img' ). fullscreenslides (); // All events are bound to this container element var $container = $ ( '#fullscreenSlideshowContainer' ); $container //This is triggered once: . bind ( "init" , function () { // The slideshow does not provide its own UI, so add your o

Tự động fix file Flash SWF? Nguồn http://www.aleosoft.com/flashtutorial_autofit.html

After you have included the Flash SWF file to your HTML page, you can open the HTML page with your HTML editor and edit the HTML code. Look for the code that embeds the Flash Movie. It should look similar to this: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="480" height="125"> <param name="movie" value="flashmovie.swf" /> <param name="quality" value="high" /> <embed src="flashmovie.swf" quality="high" type="application/x-shockwave-flash" width="480" height="125" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> To make the Flash auto zoom and auto fit into its container, you should change the code as following. The changes are shown in red. <object classid="clsid:

Avoiding Conflicts with Other Libraries Nguồn http://learn.jquery.com/

The jQuery library and virtually all of its plugins are contained within the  jQuery  namespace. As a general rule, global objects are stored inside the jQuery namespace as well, so you shouldn't get a clash between jQuery and any other library (like prototype.js, MooTools, or YUI). That said, there is one caveat:  by default, jQuery uses  $  as a shortcut for  jQuery .  Thus, if you are using another JavaScript library that uses the  $  variable, you can run into conflicts with jQuery. In order to avoid these conflicts, you need to put jQuery in no-conflict mode immediately after it is loaded onto the page and before you attempt to use jQuery in your page. link Putting jQuery Into No-Conflict Mode When you put jQuery into no-conflict mode, you have the option of assigning a new variable name to replace the  $  alias. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <!-- Putting jQuery into no-conflict mode. --> < scrip