[Mod] DropShadow on thumbnails

[jackie911]

Thanks a lot !!

 

Well, that wasn't too difficultafter all, right?
You migjht want to change the color of the shadow as this color (The "color=#AF4800" part)was good for my Kilimanjaro CSS, but it does not match your site.

You can use http://www.boogiejack.com/colorpop.html to find the right code for your color, I would choose someting like #000060 or so...

good luck,
Harry

[theMoonPrincess]

I tried modifying my functions.php to enable dropshadow but got an error message. Is this script incompatible with the pop up message alert for guests that i've earlier modified?

I would like to hear from people who have installed this script and what they did to make this work.

thanks.

theMoonPrincess

[maile808]

small update:

it was changed in functions.php
Change

Code: [Select]

    $thumb = "<img


into

Code: [Select]

    $thumb = "<img class=\"pic\"


 

I need some help in this department.  In functions.php, how would I apply the code above?  I must be doing something wrong, because I receive errors when adding the class to:

function get_thumbnail_code($media_file_name, $thumb_file_name = "", $image_id, $cat_id, $image_name = "", $mode = "", $show_link = 1, $open_window = 0) {
  global $site_sess, $config;

  if (!check_media_type($media_file_name)) {
    $thumb = "<img src=\"".ICON_PATH."/404.gif\" border=\"0\" alt=\"\" />";
  }  else {
    if (!get_file_path($thumb_file_name, "thumb", $cat_id, 0, 0)) {
      $file_src = ICON_PATH."/".get_file_extension($media_file_name).".gif";
      $image_info = @getimagesize($dummy);
      $width_height = (!empty($image_info[3])) ? " ".$image_info[3] : "";
      $thumb = "<img src=\"".$file_src."\" border=\"0\"".$width_height." alt=\"".$image_name."\" />";
    }
    else {
      $file_src = get_file_path($thumb_file_name, "thumb", $cat_id, 0, 1);
      $image_info = @getimagesize($file_src);
      $width_height = (!empty($image_info[3])) ? " ".$image_info[3] : "";
      $thumb = "<img src=\"".$file_src."\" border=\"".$config['image_border']."\"".$width_height." alt=\"".$image_name."\" /> ";    }
  }

  if ($show_link) {
    if ($open_window) {
      $thumb = "<a href=\"".$site_sess->url(ROOT_PATH."details.php?".URL_IMAGE_ID."=".$image_id.((!empty($mode)) ? "&amp;mode=".$mode : ""))."\" onclick=\"opendetailwindow()\" target=\"detailwindow\">".$thumb."</a>";
    }
    else {
      $thumb = "<a href=\"".$site_sess->url(ROOT_PATH."details.php?".URL_IMAGE_ID."=".$image_id.((!empty($mode)) ? "&amp;mode=".$mode : ""))."\">".$thumb."</a>";
    }
  }
  return $thumb;
}

Thanks!

[maile808]

woops, thanks V@no.  I, too, thought that was it at first, but it wasn't.  I finally got it to work...My blind eyes didn't see an extra "<" when I applied the img class=\"pic\" to :

Code: [Select]


$thumb = "<img class=\"pic\" img src=\"".$file_src."\" border=\"".$config['image_border']."\"".$width_height." alt=\"".$image_name."\" /> ";
   
    }
  }
 

[V@no]

woops, thanks V@no.  I, too, thought that was it at first, but it wasn't.

hmmm...I thought I deleted my post before u read it...It was a mistake.

$thumb = "<img class=\"pic\" img src=\"".$file_src."\" border=\"".$config['image_border']."\"".$width_height." alt=\"".$image_name."\" /> ";

I think it should be like this:

$thumb = "<img class=\"pic\" src=\"".$file_src."\" border=\"".$config['image_border']."\"".$width_height." alt=\"".$image_name."\" /> ";

[fanncy pants]

Ooh, thanks for posting, Maile808 & V@no!  I don't need to post my question anymore.    Thanks!

[Lucifix]

.pic {filter: progid:DXImageTransform.Microsoft.Shadow(color=#AF4800,direction=135, strength=5)
   progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   border: 0;}

In which file should i add this?

[SLL]

In which file should i add this?

style.css

[earthlyk]

This .pic just work fine in IE, but don't work in FireFox. Could someone tell me how to change the css code ?

Thanks.

[Chris]

The css code is an Internet Explorer ONLY trick.  There is no w3c web standard to do what that Microsoft filter does.  Therefore there is no CSS solution

[earthlyk]

Thanks Chris, now I see.

[eshpro]

Is there way i can add shodow to images instead of thumbnails?

[V@no]

just use same code in templates from templates/<yourtemplate>/media/ folder

[getcom]

There is a way of adding shadows so they can be seen in firefox as well as IE using html and css. If anyone is interested let me know and I'll post it.

[V@no]

There is a way of adding shadows so they can be seen in firefox as well as IE using html and css. If anyone is interested let me know and I'll post it.

why not just post it