Atlas Theme: Blurry and washed out thumbnails in galleries WordPress

pete comments:

I have had the theme amended so that I can upload different thumbnails and enlargements.
So as I understand it timthumb is not creating the thumbnail, I am uploading the thumbnail myself as a 260 x 260 image.

This is why I am so confused as I am uploading a sharp thumbnail that is the correct size yet the site still shows some of them blurry.

Abdelhadi Touil comments:

But you are still using timthumb.php script, what I suggest you to do is to use just the builtin wordpress thumbnail. Sorry my English isn't as good as it should be, so hope you understand me. If you want try to send me your theme and I can make changes for you then try it to see the difference.

pete comments:

As I've uploaded my own specific thumbnails that are 260 x 260 do I still need to regenerate the thumbnails?

Abdelhadi Touil comments:

But your theme isn't using your thmbnails image, it's still using tumbnails generated by timthumb.php script, that's why I asked you to remove the timthumb code and replace it with the plugin and the code I'v gived you above.

pete comments:

OK, thanks Abdelhadi

I've resized my thumbnails however I need to include you code into my file.

I've included the current code below, can you please let me know where I need to insert your code.

Thanks


<!-- Begin content -->
<div id="page_content_wrapper">

<?php
$pp_gallery_width = 260;
$pp_gallery_height = 260;
?>

<div class="inner">

<div class="inner_wrapper">

<div class="sidebar_content full_width">
<h1 class="cufon"><?php echo $post->post_title; ?></h1><br/>

<?php
if(!empty($post->post_content))
{
?>
<p><?php echo nl2br(stripslashes(html_entity_decode(do_shortcode($post->post_content)))); ?></p>
<br/>
<?php
}
?>

<?php
foreach($all_photo_arr as $key => $photo)
{
$small_image_url = get_stylesheet_directory_uri().'/images/000_70.png';
$hyperlink_url = get_permalink($photo->ID);

if(!empty($photo->guid))
{
$image_url[0] = $photo->guid;

$small_image_url = get_stylesheet_directory_uri().'/timthumb.php?src='.$image_url[0].'&amp;h='.$pp_gallery_height.'&amp;w='.$pp_gallery_width.'&amp;zc=1';
}

$last_class = '';
if(($key+1)%3==0)
{
$last_class = 'last';
}
?>

<div class="one_third <?php echo $last_class; ?> gallery3" style="margin-top:3%">
<?php
if(!empty($small_image_url))
{
$pp_display_image_title = get_option('pp_display_image_title');

$img_url = get_post_meta($photo->ID,'img_url',true);

if(!empty($img_url))
$image_url[0] = $img_url;
?>
<div class="shadow">
<div class="zoom">Enlarge</div>
</div>
<a rel="gallery" href="<?php echo $image_url[0]; ?>" <?php if(!empty($pp_display_image_title)) { ?> title="<?php echo $photo->post_title; ?>" <?php } ?>>
<img src="<?php echo $small_image_url; ?>" alt="" class="one_third_img"/>
</a>
<?php
}
?>

</div>

<?php
}
?>
</div>
</div>

</div>
<br class="clear"/>

</div>
<!-- End content -->


Abdelhadi Touil comments:

Hi.
Try to use this code insted of yours, but save a copy of your original code because I didn't test the code (I don't have the theme):
<!-- Begin content -->

<div id="page_content_wrapper">



<?php

$pp_gallery_width = 260;

$pp_gallery_height = 260;

?>



<div class="inner">



<div class="inner_wrapper">



<div class="sidebar_content full_width">

<h1 class="cufon"><?php echo $post->post_title; ?></h1><br/>



<?php

if(!empty($post->post_content))

{

?>

<p><?php echo nl2br(stripslashes(html_entity_decode(do_shortcode($post->post_content)))); ?></p>

<br/>

<?php

}

?>



<?php

foreach($all_photo_arr as $key => $photo)

{

$small_image_url = get_stylesheet_directory_uri().'/images/000_70.png';

$hyperlink_url = get_permalink($photo->ID);



if(!empty($photo->guid))

{

$image_url[0] = $photo->guid;



$small_image_url = get_stylesheet_directory_uri().'/timthumb.php?src='.$image_url[0].'&amp;h='.$pp_gallery_height.'&amp;w='.$pp_gallery_width.'&amp;zc=1';

$small_image_url = get_the_image (array( 'order_of_image' => 1, 'link_to_post' => false, 'default_size' => 'thumbnail', 'width' => $pp_gallery_width, 'height' => $pp_gallery_height));

}



$last_class = '';

if(($key+1)%3==0)

{

$last_class = 'last';

}

?>



<div class="one_third <?php echo $last_class; ?> gallery3" style="margin-top:3%">

<?php

if(!empty($small_image_url))

{

$pp_display_image_title = get_option('pp_display_image_title');



$img_url = get_post_meta($photo->ID,'img_url',true);



if(!empty($img_url))

$image_url[0] = $img_url;

?>

<div class="shadow">

<div class="zoom">Enlarge</div>

</div>

<a rel="gallery" href="<?php echo $image_url[0]; ?>" <?php if(!empty($pp_display_image_title)) { ?> title="<?php echo $photo->post_title; ?>" <?php } ?>>

<img src="<?php echo $small_image_url; ?>" alt="" class="one_third_img"/>

</a>

<?php

}

?>



</div>



<?php

}

?>

</div>

</div>



</div>

<br class="clear"/>



</div>

<!-- End content -->
Make sure to have the plugin installed and activated, and to regenerate thumbnails.
For what John is saying, you are right John, but the plugin here is just to make using the thumbnails easy to use.
Good luck.

Abdelhadi Touil comments:

Sorry, this is the code (In the above one there is a duplicated variable I forgot):
<!-- Begin content -->

<div id="page_content_wrapper">



<?php

$pp_gallery_width = 260;

$pp_gallery_height = 260;

?>



<div class="inner">



<div class="inner_wrapper">



<div class="sidebar_content full_width">

<h1 class="cufon"><?php echo $post->post_title; ?></h1><br/>



<?php

if(!empty($post->post_content))

{

?>

<p><?php echo nl2br(stripslashes(html_entity_decode(do_shortcode($post->post_content)))); ?></p>

<br/>

<?php

}

?>



<?php

foreach($all_photo_arr as $key => $photo)

{

$small_image_url = get_stylesheet_directory_uri().'/images/000_70.png';

$hyperlink_url = get_permalink($photo->ID);



if(!empty($photo->guid))

{

$image_url[0] = $photo->guid;

$small_image_url = get_the_image (array( 'order_of_image' => 1, 'link_to_post' => false, 'default_size' => 'thumbnail', 'width' => $pp_gallery_width, 'height' => $pp_gallery_height));

}



$last_class = '';

if(($key+1)%3==0)

{

$last_class = 'last';

}

?>



<div class="one_third <?php echo $last_class; ?> gallery3" style="margin-top:3%">

<?php

if(!empty($small_image_url))

{

$pp_display_image_title = get_option('pp_display_image_title');



$img_url = get_post_meta($photo->ID,'img_url',true);



if(!empty($img_url))

$image_url[0] = $img_url;

?>

<div class="shadow">

<div class="zoom">Enlarge</div>

</div>

<a rel="gallery" href="<?php echo $image_url[0]; ?>" <?php if(!empty($pp_display_image_title)) { ?> title="<?php echo $photo->post_title; ?>" <?php } ?>>

<img src="<?php echo $small_image_url; ?>" alt="" class="one_third_img"/>

</a>

<?php

}

?>



</div>



<?php

}

?>

</div>

</div>



</div>

<br class="clear"/>



</div>

<!-- End content -->

pete comments:

I tried your code however it didn't work.
Should I send you the theme to have a closer look at?

Abdelhadi Touil comments:

Yes please, if you send me it I can make changes easier and test them.
Good luck.