jquery - How to disable buttons from Button Helper for single image, and enable all this buttons for the gallery? (Fancybox 2) -

-

fancybox 2.

html:

<p><b><h3>gallery</h3></b></p>    <br /> <p><a class="image" rel="group" href="http://farm4.staticflickr.com/3787/9028269192_9b4ddf345d_b.jpg" title="tolpis barbata (mariluzpicado)"> <img src="http://farm4.staticflickr.com/3787/9028269192_9b4ddf345d_m.jpg" alt="" /> </a> <a class="image" rel="group" href="http://farm4.staticflickr.com/3745/8971419780_cb88b22947_b.jpg" title="(dsavin)"> <img src="http://farm4.staticflickr.com/3745/8971419780_cb88b22947_m.jpg" alt="" /> </a> <a class="image" rel="group" href="http://farm9.staticflickr.com/8522/8478415115_152c6f5e55_b.jpg" title="a ride in blue? (cembayir_photography)"> <img src="http://farm9.staticflickr.com/8522/8478415115_152c6f5e55_m.jpg" alt="" /> </a> <a class="image" rel="group" href="http://farm9.staticflickr.com/8366/8483546751_86494ae914_b.jpg" title="reedit... (h_di)"> <img src="http://farm9.staticflickr.com/8366/8483546751_86494ae914_m.jpg" alt="" /> </a></p> <br />  <p><h3><b>single image</b></h3></p> <br /> <p><a class="image" rel="single" href="http://farm4.staticflickr.com/3712/9032543579_1217e6566b_b.jpg" title="singapore air (andrew tan 2011)"> <img src="http://farm4.staticflickr.com/3712/9032543579_1217e6566b_m.jpg" alt="" />  </a></p>

by default cyclic navigation enabled ("loop" option set in value "true") gallery, single image, , button helper buttons visible.
example

css: 

$(document).ready(function() { $(".image").fancybox({     preveffect: 'none',     nexteffect: 'none',     closebtn: false,     helpers: {     title   : { type : 'inside' },     buttons : {}     } }); });

if "loop" option set in value "false", cyclic navigation disabled gallery, single image, , single image button helper buttons not visible.
example

css: 

$(document).ready(function() { $(".image").fancybox({     preveffect: 'none',     nexteffect: 'none',     closebtn: false,     loop : false,     helpers: {     title   : { type : 'inside' },     buttons : {}     } }); });

1) how disable next, play/pause, previous buttons on button helper single image?
+
2) how enable buttons gallery, include next button last picture, , previous, play/pause buttons last image?

i trying this, nothing happens:

aftershow: function () {     if (this.group.length < 2) {     $("#fancybox-buttons").find('.btnprev').addclass('btndisabled');     $("#fancybox-buttons").find('.btnnext').addclass('btndisabled');     $("#fancybox-buttons").find('.btnplay').addclass('btndisabled');}  else if (!this.group.length > 1){     $("#fancybox-buttons").find('.btnprev').removeclass('btndisabled');     $("#fancybox-buttons").find('.btnnext').removeclass('btndisabled');     $("#fancybox-buttons").find('.btnplay').removeclass('btndisabled');} }

forget finding elements and/or adding btndisabled classes, etc. add conditional in aftershow callback :

aftershow: function () {     if(this.group.length < 2){         // gallery has single element disable loop         $.extend(this,{             loop: false         });     }     // more options, etc.  } // end aftershow

see jsfiddle .... or updated jsfiddle


Comments

Post a Comment

Popular posts from this blog

c++ - Creating new partition disk winapi -

-
i'am trying create new partition , mount volume new, thought createfile let me this, code : lpctstr lpfilename=l"\\\\.\\device\\harddisk0\\partition3"; handle handl=createfile( lpfilename, generic_read | generic_write, file_share_read | file_share_write, null, create_always, file_attribute_normal, null ); if (handl==invalid_handle_value) { qdebug()<<"handl invalid"<<" error"<<getlasterror();} bool success = definedosdevice(ddd_raw_target_path,l"i:",l"\\device\\harddisk0\\partition3"); if(!success) qdebug()<<" definedosdevice failed "<<getlasterror(); bflag = getvolumenameforvolumemountpoint( l"i:\\", // input volume mount point or directory /** u in dir
Read more

Android Prevent Bluetooth Pairing Dialog -

-
i'm developing internal application uses bluetooth printing. want bluetooth pairing occur without user input. have managed working trapping android.bluetooth.device.action.pairing_request broadcast. in broadcast receiver call setpin method, , pairing works ok, bluetoothpairingdialog displayed second or two, disappears - see link below. https://github.com/android/platform_packages_apps_settings/blob/master/src/com/android/settings/bluetooth/bluetoothpairingdialog.java since broadcast non-ordered, can't call abortbroadcast() , , wondering if there other way prevent pairing dialog appearing. can hook window manager in way? i haven't been able come way without modifying sdk. if you're oem, it's easy (i'm on 4.3): in packages/apps/settings/androidmanifest.xml, comment intent filter pairing dialog: <activity android:name=".bluetooth.bluetoothpairingdialog" android:label="@string/bluetooth_pairing_request"
Read more

php - joomla get content in onBeforeCompileHead function -

-
i'm developing joomla system plugin. need add javascript , css files if [myshortcode] shortcode found in content. how can content in onbeforecompilehead function function onbeforecompilehead() { $document = jfactory::getdocument(); //add scripts if shortcode found ... $document->addstylesheet($cssfile, 'text/css', null, array()); the $content = jresponse::getbody(); not work. thanks try this, for style sheet, $document = jfactory::getdocument(); $document->addstylesheet('http://domain.com/templates/css/style.css'); for javascript file $document = jfactory::getdocument(); $document->addscript('full url'); also can this, $document = jfactory::getdocument(); // add javascript $document->addscriptdeclaration(' window.event("domready", function() { alert("an inline javascript declaration"); }); '); // add styles $style = 'body {'
Read more