Nothing for introduction, hehe! A very small snippet which will help you to defer parsing all javascript files except jquery in wordpress. Here is the code: https://gist.github.com/bappi-d-great/2a67ff307db672d4566b You can add those codes in your functions.php in the theme, if you think your theme won’t be changed. Otherwise mu-plugins is the best solution. To use mu-plugins,… Continue reading Defer parsing of javascript to improve performance in wordpress
Category: jQuery
A very simple jQuery slideshow – jSlider
Guys, this is a very simple jQuery slideshow, jSlider. Nothing special in naming, I just used a follower’s convention. This plugins have some configuration options. Let’s look at the code. We just need one block element to implement the slideshow. In here we just need to configure some options. Among those, images field are required… Continue reading A very simple jQuery slideshow – jSlider
BeautyMenu: A simple jQuery drop down menu plugin
Hey Folks, this is a very simple one level drop down menu plugin for you. Usage of this plugin is very simple. This is version 1. In next version I will make it for multi-level menu items. You can check demo before jump into the code. Now, it’s time to dive into the codes. In… Continue reading BeautyMenu: A simple jQuery drop down menu plugin
Change input type text to password type onclick – JQuery
Sometimes we need to change input type text to password type when user click on it. It should like more attractive. This is very simple. Here is the code for jQuery, just set a class name e.g. pw for that input field: $(‘input.pw’).each(function() { var val = $(this).attr(‘value’); if(val != ”) { $(this).focus(function() { var… Continue reading Change input type text to password type onclick – JQuery
Fix png issue for jQuery fadeIn()/fadeOut() effect IE7
When we use jQuery fadeIn() or faeOut() function with transparent png image, in IE7 we get a weird borer around it. There are many solutions for it, but we cant say that all of those are okay to everyone. This one works for me and some other guys. Call the following function in document load.… Continue reading Fix png issue for jQuery fadeIn()/fadeOut() effect IE7
A very simple popup plugin
This is a very simple popup plugin with jQuery. As I am a newbie, so this is for newbies. Hope it can reduce their pressure. Special thanks goes to: Anjan Bhowmik Da Adrián Mato Gondelle HTML Code: [html] Show 1st popup | Show 2nd popup 1st Popup Lorem ipsum dolor sit amet, consectetur adipiscing elit.… Continue reading A very simple popup plugin
An easy tooltip plugin tutorial
This is a simple tooltip plugin. You have some parameter that you can use but not mandatory. This is very simple. Not a hot-&-sexy tooltip but you can work with it. Lets check the codes. HTML Code: [html] What is this?Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet… Continue reading An easy tooltip plugin tutorial
Create a dynamic image gallery using ajax, jquery and php (XML also)
This is a tutorial to create a dynamic image gallery using jQuery ajax and php mainly. To reduce burden, I added a normal script to read directory. In gallery.php file it will read the directory and will generate a xml file which will be thrown directly to the index file (actually ajax in index file… Continue reading Create a dynamic image gallery using ajax, jquery and php (XML also)
Make image vertically centered align within a div and don’t let user save the picture easily
This is a very easy tutorial to set an image vertically centered within a div. Simple jQuery codes are used here. There is a also a nice option added that won’t let your user save the image easily. Please look at the code: [html] .resize{ width:105px; height:100px; background-position:center; border:1px solid #000000; margin:20px auto; background-repeat:no-repeat; }… Continue reading Make image vertically centered align within a div and don’t let user save the picture easily
Create Simple Jquery Right Click Cross browser Vertical Menu
Here is the code: [html] #rightclickarea{width:500px; margin:0 auto; height:300px; border:1px solid #000000;} .vmenu{border:1px solid #aaa;position:absolute;background:#fff; display:none;font-size:0.75em;} .vmenu .first_li span{width:100px;display:block;padding:5px 10px;cursor:pointer} .vmenu .inner_li{display:none;margin-left:120px;position:absolute;border:1px solid #aaa; border-left:1px solid #ccc;margin-top:-28px;background:#fff;} .vmenu .sep_li{border-top: 1px ridge #aaa;margin:5px 0} .vmenu .fill_title{font-size:11px;font-weight:bold;/height:15px;/overflow:hidden;word-wrap:break-word;} $(document).ready(function(){ $(‘#rightclickarea’).bind(‘contextmenu’,function(e){ var $cmenu = $(this).next(); $(‘ ‘).css({left : ‘0px’, top : ‘0px’,position: ‘absolute’, width: ‘100%’, height: ‘100%’, zIndex: ‘100’… Continue reading Create Simple Jquery Right Click Cross browser Vertical Menu