I am currently implementing PrettyPhoto into a horizontal 1page website: http://www.basenharald.nl/3d (click foto & video for the section i am talking about)
In a way the script works. If you click the first photo (only one that is linked) you will notice that something is happening. What actually is happening is that the overlay with photo loads at the beginning of the page (scroll wayyy left to start to see it)
How can i make it so that the image will show at 开发者_高级运维the current location as overlay?
Script can be found at http://www.basenharald.nl/3d/js/scripts.js but it is minified (for some reason the uncompressed version was not available for download)
Help would be appreciated
Found the answer myself by simply adding this line of css:
div.light_rounded, div.dark_rounded, div.facebook,
div.light_square, div.dark_square, div.pp_overlay { position: fixed; }
Thought it would be nice to answer it here for others
Hi I have additional help for you on this issue.
While you solved the problem of making the right content appear at the right place, you still have a horizontal scrollbar at the bottom of the page. I assume you don't really want this, since it looks ugly and your intended navigation is the eight links in your footer that use javascript to scroll the page to the correct screen.
All you have to do to get rid of the horizontal scrollbar that's still left is add the following style:
body {
overflow-x: hidden;
}
Hope this helps finalize your solution.
精彩评论