Target all images in jQuery

system 2011-07-20 14:17:05 UTC #1

Hi, I need change the following jQuery script to target all images for a WP theme. I found two codes that may do it, but I don't know where to place them.

(sample)

$("img[src='left1.gif']").hide();

or
event.target. As it stands now, the script doesn't load images, the browser takes over and loads the image.

(I've included the original comments in the script for safe keeping)

jQuery(function(){

  // Tabs
  jQuery("#fbfwTabs").tabs();
	
	// Hide Donation and twitter stuff on tabs other than Info
  jQuery("#fbfwTabs li a").click(function(){
		jQuery("#mfbfwd").hide();
  });
	
	jQuery("#show-mfbfwd").click(function(){
		jQuery("#mfbfwd").show();
  });

  // Advanced Settings Switcher
  jQuery("#advOpsSwitch").click(function(){
		jQuery(".advOpts").toggle("slow");
  });

  // Troubleshooting & Settings Switcher
  jQuery("#troOpsSwitch").click(function(){
		jQuery(".troOpts").toggle("slow");
  });

  // Hide Custom Expresion textarea if not needed
  var galleryType = jQuery("input:radio[name=mfbfw_galleryType]:checked").val();

  switch (galleryType) {
	case "all":
	case "none":
	case "post":
	  jQuery("#customExpressionBlock").css("display", "none");
  }

  jQuery("#mfbfw_galleryTypeAll").click(function () {
	jQuery("#customExpressionBlock").hide("slow");
  });

  jQuery("#mfbfw_galleryTypePost").click(function () {
	jQuery("#customExpressionBlock").hide("slow");
  });

  jQuery("#mfbfw_galleryTypeCustom").click(function () {
	jQuery("#customExpressionBlock").show("slow");
  });

})

chris_upjohn 2011-07-21 02:34:26 UTC #2

You can place it anywhere within the jQuery DOM ready function

jQuery(function() {
    jQuery("img[src='left1.gif']").hide();
});

system 2011-07-21 02:54:25 UTC #3

The code you posted looks like it will only work for an image named 'left1.gif' what about all images in any post, isn't there some wildcard you can use ? When you say DOM selector do you mean I can place it anywhere within the script, I haven't gotten up to speed with DOM yet !

chris_upjohn 2011-07-21 03:43:09 UTC #4

Sorry i misinterpreted what you were asking in your original question, would the script be hiding all the images on the page or only specific images you want?

system 2011-07-21 12:09:45 UTC #5

The script / add-on would be triggering all the images and hiding none.

chris_upjohn 2011-07-21 13:31:53 UTC #6

Correct me if I'm wrong but is what your wanting a lazy loader so the images only load when you scroll down the page?

system 2011-07-21 22:05:44 UTC #7

The script should execute for all images, jpeg, png etc as that is it's purpose. At this point it's not working why I want to do this change so it works again

system 2011-07-24 00:49:50 UTC #8

SgLegend. The script did work on older versions of WP where as all images once clicked would load in a window. For a few versions of WP it hasn't worked and I enjoy this image viewer.

ThemesPodcastArticlesPremium