0

My goal is to link to photo galleries directly on a web page that uses a Jquery’s “Animate” and JS/CSS. The page in question is witold.org (click on either photo to go to a gallery I want to link directly.)

I learned why this is not possible due to security issues.

As such, I was thinking that perhaps I can create additional HTML pages for each gallery with just the gallery script. For example, this page.

But even though I am using the same gallery script, linking to the same CSS and same JS, the gallery has a lot of errors. Gallery seems to partially load: no photos load initially but when mouse is over the thumbs they show up, and when one clicks on a thumb the large JPG shows up. But then everything seems to stop working. I can't increment to next photo via clicking thumbs or clicking arrows.

I am missing some fundamental piece of this, but not sure what... I guess my question is that if I navigate to the gallery via main page it works but when I strip only gallery code to a seperate html page the code fails. Any ideas?

Community
  • 1
  • 1
RIDER
  • 159
  • 3
  • 9
  • Are the pages yours? If not, you are violating copyright and should ask the photographer for assistance linking to his pages. – mplungjan Apr 22 '12 at 05:08
  • Yes, this is my page that I am in the process of altering and hopefully learning a thing or two about JS. (which is why additional gallery pages are also on the same site.) I want to share my photos more directly instead of having everyone go to the main page and have to click twice to get to the actual photo galleries. (main->show all photo series->actually choose photo sets) – RIDER Apr 22 '12 at 07:07
  • There is no huge reason you should be able to share script, stylesheets and images. Can you post your failed attempt, for example as a jsfiddle.net – mplungjan Apr 22 '12 at 13:49
  • Alternatively add code to the slide show page that looks at the location.search to see if someone added the gallery as parameter – mplungjan Apr 22 '12 at 13:51
  • @mplugjan I think it's easier to look at this by looking at source. There are no scripts hiding behind php requests if this is what you mean. The files in question are: /resources/js/animation.js /resources/css/style.css and partially working gallery: http://witold.org/content_work_details/id=17/africa/index_gal.html Source images are also listed. /photos/MOTORCYCLE/RIDES/2011_Africa/ folder for full size, and /resources/content/africa/ for thumbs. – RIDER Apr 22 '12 at 18:29
  • I'll look tomorrow. 11pm here in The Hague – mplungjan Apr 22 '12 at 20:48
  • @mplungjan Thanks, I appreciate it. What is puzzling to me is that when I refresh index.gal.html page and start to click on the thumbs quickly, they gallery loads photos as requested for the first 5-15 seconds at which point it hangs and does not respond anymore. – RIDER Apr 24 '12 at 00:00
  • Ok I have looked at the page. I get an error Error: backgrounds is not defined Source File: /resources/js/animation.js?2 Line: 270 However the slideshow code is horrific. It is far too complex and I would throw it out and get a much slicker one using the latest jQuery animation. – mplungjan Apr 24 '12 at 08:59
  • @mplungjan unfortunately, that is what I'm stuck with unless I redesign the whole site or figure out how to write a new jQuery animation gallery that looks like the old one... – RIDER Apr 24 '12 at 23:09
  • This one is nice http://buildinternet.com/project/supersized/ – mplungjan Apr 25 '12 at 04:57

0 Answers0