WordPress Rotating Background Images

You can use CSS3 background-size to make your background-images stretch to cover the area of the box. If you then create a containing box positioned absolutely over the whole page, you can put your slides in there. At that point it is just a matter of fading them in and out, something which can be … Read more

jQuery is not defined [closed]

As you have pointed out; the problem fixes itself if you change to another theme. That says to me that your current theme is stopping jquery from loading, hence why you are getting jQuery is not defined. Look in your theme files and make sure you don’t have something like this: wp_deregister_script(‘jquery’);. You should never … Read more

Jquery UI Google CSS, from where?

try and use the correct syntax in the stylesheet: /* jQuery UI Progressbar 1.8.13*/ /* Progress bars on about page*/ .ui-progressbar.ui-widget.ui-widget-content.ui-corner-all { height:20px; text-align: left; } (i don’t know where the google css comes from. and excuse the way the code is presented; the ‘code’ button seems to be out-of-order)

Populating shortcode values dynamically in theme template

You should be able to use do_shortcode(), with a few modifications: <?php echo do_shortcode( ‘[sws_toggle3 title=”‘ . get_the_title() . ‘”]’ . get_the_content() . ‘[/sws_toggle3]’ ); ?> EDIT If you need to maintain the formatting of the_content(), simply pass get_the_content() through the appropriate filter: <?php $content = get_the_content(); $content = apply_filters( ‘the_content’, $content ); echo do_shortcode( … Read more

jQuery tabs plugin with callback to fetch data

You can always use the proper WordPress Ajax API (well not really an api) for example: <li><a href=”https://wordpress.stackexchange.com/questions/25857/url to wp-admin/admin-ajax.php?action=my_ajax_tabs&tab=tab1″>Tab 1</a></li> <li><a href=”url to wp-admin/admin-ajax.php?action=my_ajax_tabs&tab=tab2″>Tab 2</a></li> then you create a function that will respond to the ajax calls: function do_my_tabs(){ $tab = $_GET[‘tab’]; switch ($tab){ case “tab1”: echo ‘tab1 content’; break; case “tab2”: echo ‘tab2 … Read more

Using jquery and javascript in WordPress

Well first off you have way to many duplicate js files, I see at a glance 3 calls to the same jQuery in 3 separate urls, there are also other duplications (easing) and probably more that I missed, clean this up. Secondly your not using jQuery tools properly, the javascript calls for a tab and … Read more

Displaying an image’s alt title and caption inside a fancybox window. Working, but showing the same alt and caption for each image

Your problem is with your foreach loops… here: if ($images) { foreach($images as $image) { $caption = $image->post_excerpt; } } and here: //alt title foreach ($images as $attachment_id => $image) { $img_alt = get_post_meta($attachment_id, ‘_wp_attachment_image_alt’, true); } Basically what is happening is that your $caption and $img_alt variables are being set at each iteration of … Read more

Search input area autogrow – how?

they’re using CSS3 transitions. <style type=”text/css”> #s { float: right; -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; width: 72px; } #s:focus { background-color: #f9f9f9; width: 196px; } </style> <input type=”text” class=”field” name=”s” id=”s” placeholder=”Search”>

Properly embed javascript into WP (using function.php) – doesn’t work?

By default, the jQuery script is loaded in no conflict mode. I noticed that you have in you header.php the following code: <script type=”text/javascript” src=”https://wordpress.stackexchange.com/questions/27986/<?php bloginfo(“template_directory’); ?>/js/jquery-1.4.2.min.js”></script> Adding jQuery like this, will override (if the page works) the wp_enqueue_script(‘jquery’). If you load jQuery like this, you need to activate the noConflict mode, as explained here. … Read more

Wp theme Jquery conflict with plugins that use jquery

WordPress jQuery automatically loads in noConflict mode with jQuery as the object ref. remove the hardcoded version of jQuery and try changing: $(document).ready(function(){ to: jQuery(document).ready(function($){ (note also the $ in function($))