Looking at your page source, it looks like you have in your HTML, hard-
coded or something:
<a href="http://derekperkins.com/seatability1/pattys-taking-over/";
title="Patty’s Taking Over"><img src="http://derekperkins.com/
seatability1/wp-content/uploads/2009/03/patty1.jpg" alt="Patty’s
Taking Over" class="thumbnail thumbnail large " /></a>
And then later on you have:
<script type="text/javascript">
/* <![CDATA[ */
jQuery(document).ready(function()
{
jQuery("#cycle_nav").append('<li><a><img src="http://
derekperkins.com/seatability1/wp-content/uploads/2009/03/
patty1-53x40.jpg" alt="Patty’s Taking Over" class="thumbnail
thumbnail thumbnail " /></a></li>' );
});
/* ]]> */
</script>
which puts the image in your HTML (but dynamically) again.
And you have this done twice for each image.
On Mar 20, 1:17 pm, Derek Perkins <derekaperk...@gmail.com> wrote:
> You can see where it is running twice
> here:http://derekperkins.com/seatability1/
>
> Basically, in the middle box and in the right sidebar, I am
> dynamically loading images via Javascript, but they are being double
> loaded. In the middle of the page, you can see that the thumbnails
> are loaded twice. On the widget in the sidebar, there are no
> thumbnails, but if you look at the source, you will see that they have
> also all been loaded twice.
>
> My code used to work fine, then at some point that I didn't notice at
> first, it began to repeat itself, and I don't know what is causing
> it. This is my first time using Javascript or jQuery, so I could
> possibly be violating some best practices.
>
> Here is a sample of the code that is being run twice.
>
> jQuery(document).ready(function()
> {
>
> jQuery.getJSON(<?php echo '"http://
> picasaweb.google.com/data/feed/api/user/Seatability/albumid/' .
> $productrow["PicasaAlbumID"] . '/?
> kind=photo&access=public&thumbsize=144u&alt=json&callback=?"'; ?>,
> function(data)
> {
> var picsCount =
> data.feed.entry.length;
> for (var i = 0; i < picsCount; i++)
> {
> var pic = data.feed.entry[i];
> var anglenum = i + 1;
> var atitle = <?php echo '"' .
> $productrow["ProductID"] . " : " .
> $productrow["Name"] . " - Angle " . '"'; ?>;
> var theurl = <?php echo '"' . $productrow
> ["permalink"] . '"'; ?>;
> jQuery("<img/>").attr("src", pic.media
> $group.media$thumbnail[0].url).attr("alt", pic.media$group.media
> $keywords.$t).attr("title", atitle + anglenum).appendTo
> ("#wid_prodfeature").wrap("<li><a href='" + theurl + "' title='" +
> pic.media$group.media$keywords.$t + "'></a></li>");
> }
>
> jQuery("#wid_prodfeature").cycle
> ({
> fx: 'fade',
> speed: 'slow',
> timeout: 0,
> //direction: 'left',
> timeout: 4000
> });
> });
> });
>
> /* ]]> */
> </script>
