|Your Website Questions and (hopefully) answers about setting up your own business or gallery website|
| ||Thread Tools|
Photoshop CS > Automate > Photo Web Gallery > Horizontal Slideshow
I created a website using PS7 earlier this year and am happy with the results. I used the Vertical Slide Show 2 option and modified it for my needs.
I recently got PS CS and found they had different options... In particular they have a Horizontal Slide Show with the ability to advance, pause or 'rewind' the images: a very nice feature that I would like to incorporate in my site.
My problem is that I want a Vertical orientation and for some reason PS CS does not offer it... strange.
Anyone out there that can show me how to either a) insert some code into my existing site to accomplish this feature or b) how to modify the PS CS Horizontal Slide Show into a vertical one?
Thank you in advance,
*** NOTE: This will not work if you have special characters in your filenames. Stick to alphanumeric and underscore only. ***
Create Horizontal Slideshow from Photoshop CS.
Then navigate to the folder where you saved the slideshow.
1. Edit index.htm in a plain text editor (such as Notepad or WordPad). I suggest Notepad with Word Wrap turned OFF.
i) Find the line that starts <iframe id="TopFrame" and notice what src equals (it will be "pages/[something].htm").
ii) Select all (Ctrl+A) and delete. Copy and paste in all the text from the text file attached to this message.
iii) Find the line that starts <iframe id="TopFrame"and change src from "pages/****.htm" to whatever it was you noted above.
iv) Save index.htm
2. Edit ThumbnailFrame.htm in a plain text editor (such as Notepad or WordPad). I suggest Notepad with Word Wrap turned OFF.
i) Delete all instances of <tr align="center"> and </tr> (you can leave anything else that's on the same lines as these, though)
ii) Delete the lines
iii) Edit every instance of <td align="center"> to read <tr><td align="center"> and every instance of </td> to read </td></tr>
iv) Save ThumbnailFrame.htm
3. In the /images subfolder, make the following adjustments:
i) Open next.gif, rotate 90% clockwise, resave
ii) Open next_disabled.gif, rotate 90% clockwise, resave
iii) Open previous.gif, rotate 90% clockwise, resave
iv) Open previous_disabled.gif, rotate 90% clockwise, resave
Thanks for the work you have done, but...
I am looking for a simpler way of accomplishing this.
When I first built the site in PS7 using the Vertical Slideshow 2 option, I modified the orginal files found in Presets > WebContactSheet > Vertical Slideshow 2 so that when I ran the Automate > Web Photo Gallery > Vertical Slideshow 2, it would create it correctly right then and there (I copied the original files and kept them in case I wanted to return to the PS7 default options for that slideshow).
I am hoping that the same thing can be done with PS CS. That is modify files located in Presets > Web Photo Gallery > Horizontal Slideshow so that the pages spit out correctly as I had done in PS7.
Otherwise, If I understand correctly then, every slideshow I create for each of my galleries (14 of them!!) will have to undergo the process you've outlined above... correct? This would be especially cumbersome everytime I had to add an image to a gallery... it must be automated for efficiency.
ps. I have found someone else who is working on this with me... I'll be more than happy to keep you posted if you don't want to proceed with this anymore...
Well, it only takes approximately 5 minutes per gallery (longer to read than to do ... after I'd written the instructions I tried them out to make sure they worked and that's how long it took (thanks to Replace All feature)), but I agree that it would be better to be able to squirt them out that way. I'll have a look at it for my own interest but in the meantime your friend might find what I have done useful in working out what to do with the presets.
One thing to mention -- the old gallery format used regular frames which are html standard -- the new one (or at least as used for the Horizontal Slideshow) used iframes which are not strictly speaking part of the standard (so far as I know, that might have changed) so you may want to do some cross-browser testing.
This person is from a different forum and his initial solution was similar to yours in that he worked with the files AFTER the automation process.
He is now working on the actual Automation files.
I'll keep you posted and by all means let me know if you were succesful.
I had a crack at it myself before posting on these forums - but I could not figure it out - I have zero experience in coding etc.
OK -- this was actually pretty easy. Most of the work was in working out how to do it manually yesterday, and armed with that it only took ten minutes to work out the automation files.
Unzip the Vertical Slideshow folder (attached) into C:\Program Files\Adobe\Photoshop CS\Presets\Web Photo Gallery and everything should work. If you want to change the standard headers and copyright statement they are in the IndexPage.htm file.
Horizontal slideshow won't work on PC
The show is available to view on line: www/dwiggins.com/teach
Thanks for your time.
horizontal slide show acting strange
I tried to adapt horizontal slide show.
Certain shows work perfectly on MAC OSX Tiger
Others just jump by example 1>4>5>7>8>3>4>5>7>8
I tried to change file names without result?
What can be the reason?
|Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)|
|Thread||Thread Starter||Forum||Replies||Last Post|
|Create Web Photo Gallery||winwintoo||Photoshop Elements Help||2||04-01-2010 11:57 PM|
|Photoshop Web Gallery||Doug Nelson||Your Website||9||01-04-2008 04:09 PM|
|How do you learn to do "Photo-art"?||DannyRaphael||Photo-Art 101||18||09-23-2006 11:41 PM|
|need help with automated photo web gallery||artmaker||RP Tutorials||10||08-29-2006 12:08 PM|
|Photoshop CS Horizontal slideshow in IE||awswebmaster||Photo Restoration||6||05-08-2005 10:02 AM|