Help with an image gallery code from dynamic drive

  • 1
  • Question
  • Updated 8 years ago
  • Answered
Using the images provided by the demo, I got this gallery to work perfectly on a yola test page:
http://www.dynamicdrive.com/dynamicin...
I uploaded the "scripts" and "images" folders. Then, I pasted the head code in one html widget and the body code into another one and typed "resources" in front of the script and image references (Please forgive my rudimentary understanding!) The preview looked great!

However, I couldn't get it to work with my own images. I moved a folder of them into the "images" folder and re-typed the urls.... I checked for errors and couldn't find any. All that shows up in the site builder is a caption... and nothing shows up in the preview.

I did not touch the scripts, but I didn't think I would have to.... maybe I'm wrong? Let me know if you have ideas or need more info.
Photo of Christina

Christina

  • 17 Posts
  • 0 Reply Likes
  • Optimistic

Posted 8 years ago

  • 1
Photo of Christina

Christina

  • 17 Posts
  • 0 Reply Likes
I just realized my images might be too wide... I'll see if I can tweak it...
Photo of Christina

Christina

  • 17 Posts
  • 0 Reply Likes
No luck. I increased the width to 800 (my large photo is 576 and thumbnails are 96 in width). Still the same results.
Photo of Christina

Christina

  • 17 Posts
  • 0 Reply Likes
I thought maybe having images in subfolders might be the problem, so I copied the images I wanted to use directly into the "images" folder. I set up two test pages so I could compare them. The one using the demo photos works great, and the only difference in the code between that one and the page using my photos is the filename for the photo. Seems like it should look... i've compared the code side-by-side, but I still see no images on the test page with my own photos.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Christina

I'm sure that we will get this figured out! Can you please share with me one example of an image that does not work? If you could post the URL to your image - that would be great!
Photo of Christina

Christina

  • 17 Posts
  • 0 Reply Likes
The url I'll be publishing to is in use for my current photo gallery, but here are some uploads for one of the images and its thumbnail:




Here are the codes copied from the test site that is working w/ the demo images:

HEAD

<!--

<script type="text/javascript" src="resources/scripts/prototype.js"></script>
<script type="text/javascript" src="resources/scripts/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="resources/scripts/frog.js"></script>

<style type="text/css">
#FrogJS{
width: 760px;
height: 600px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}
</style>

-->

BODY

<!--

<div id="FrogJS">

<a href="resources/images/1.jpg" >
<img src="resources/images/1_thumb.jpg" alt="An attendee of Rabbi Hendel Weingarten's Purim service at Chabad House on Elizabeth Street in East Lansing uses a noisemaker after the name of Haman is read." />
</a>

<a href="resources/images/2.jpg" >
<img src="resources/images/2_thumb.jpg" alt="Junior wide receiver Terry Love is taken down by Illinois safety Kyle Knezetic September 30 at Spartan Stadium. The Fighting Illini beat the Spartans, 23-20, with a fourth-quarter field goal scored in the last 20 seconds of the game." />
</a>

<a href="resources/images/4.jpg" >
<img src="resources/images/4_thumb.jpg" alt="Kevin Bozeman performs his comedy routine at Connxtions Comedy Club in Lansing shortly after the death of Richard Pryor. Bozeman said Pryor influenced all comedians, not just black performers." />
</a>

</div>

-->

Here is the code for the page that is not working:

HEAD

<!--

<script type="text/javascript" src="resources/scripts/prototype.js"></script>
<script type="text/javascript" src="resources/scripts/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="resources/scripts/frog.js"></script>

<style type="text/css">
#FrogJS{
width: 840px;
height: 600px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}
</style>

-->

BODY

<!--

<div id="FrogJS">

<a href="resources/images/2007arizona1.jpg" >
<img src="resources/images/2007arizona1_thumb.jpg" alt="An attendee of Rabbi Hendel Weingarten's Purim service at Chabad House on Elizabeth Street in East Lansing uses a noisemaker after the name of Haman is read." />
</a>

<a href="resources/images/2007arizona2.jpg" >
<img src="resources/images/2007arizona2_thumb.jpg" alt="Junior wide receiver Terry Love is taken down by Illinois safety Kyle Knezetic September 30 at Spartan Stadium. The Fighting Illini beat the Spartans, 23-20, with a fourth-quarter field goal scored in the last 20 seconds of the game." />
</a>

<a href="resources/images/2007arizona3.jpg" >
<img src="resources/images/2007arizona3_thumb.jpg" alt="Kevin Bozeman performs his comedy routine at Connxtions Comedy Club in Lansing shortly after the death of Richard Pryor. Bozeman said Pryor influenced all comedians, not just black performers." />
</a>

</div>

-->

Thanks for looking... it would be so cool if it worked! :-)
Photo of Christina

Christina

  • 17 Posts
  • 0 Reply Likes
Oh and...

~all the images are saved directly in the "images" folder, and

~I was able to use these images in the site-builder in other areas.

On a side note, is there any way to copy and paste image locations? When I select an image in the file manager, I can see the location at the top, but it's greyed-out and I can't select it.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Christina

Would you mind sharing your site URL? If you do not want to disclose on the forum, can you please send me an email to support@yola.com and I can help you further. Thanks.
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi Christina,

We received your email and will review your site and get back to you. Thanks for your patience as we look into this further.
Photo of Christina

Christina

  • 17 Posts
  • 0 Reply Likes
Thanks for your time :-)