How to insert web gallery done in photoshop on my website
sponsored ads
1
4
I created a web gallery in Photoshop CS5 and can't seem to enter in onto my site. I can't alter the SWF file either and that won't play when I insert it into Dreamweaver. Help please! Asked Aug, 08 2011
sponsored ads
If it's a SWF file, use the "object" tags and the media code to play the file. See the following site for generating the correct media code for a Flash file:
http://cit.ucsf.edu/embedmedia/step1.php Answered Aug, 08 2011
http://cit.ucsf.edu/embedmedia/step1.php Answered Aug, 08 2011
1
Wrong answer above. Sorry, it's not a .SWF file. The real answer from
http://www.simpleviewer.net/postcardviewer/support/embedding.html
Note for Dreamweaver Users:
To make PostcardViewer work you need to use the embed method described above. Using Dreamweaver's Insert -> Media -> SWF method will cause PostcardViewer to break. This is because PostcardViewer uses SWFObject to embed the SWF. SWFObject is an industry standard way to embed flash content that handles Flash player detection and upgrade prompts. Using the default Flash embed method in Dreamweaver will not work, since the config options that are set in the Javascript will be ignored.
and here's the code and instructions
Create your PostcardViewer gallery as normal (check instructions here).
Copy the entire contents of your PostcardViewer gallery folder into the folder that contains your HTML page (including the swfobject.js file and sub-folders).
Edit your HTML document using a HTML or text editor. Copy and paste this code block where you want PostcardViewer to appear:
<div id="flashcontent">PostcardViewer requires JavaScript and the Flash Player.
<a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
Upload the entire folder contents to your webserver.
To view your gallery, navigate to the gallery folder in your browser.
Setting Gallery Size and Background Color
To set the gallery size and background color, edit this line from step 3 above:
var fo = new SWFObject("viewer.swf", "viewer", "800", "600", "8", "#181818");
Change the "800" to be the width of your gallery. It can be a pixel value ("800") or a percentage ("50%").
Change the "600" to be the height of your gallery. It can be a pixel value ("600") or a percentage ("50%").
Change the "#181818" to be the hexadecimal background color of your gallery.
So I did this, created a #div on the style sheet and voila- it worked with no problems on all browsers. See it here www.new-york-dog-photography.com/dog-photos.html
I am posting this because there is always a lack of information concerning Flash and photo galleries. It took a very long time to find the answer to this question. I found it by looking up Postcard viewer. I never have these problems with questions about Photoshop or Illustrator. I will be happy to see Flash go. Answered Apr, 17 2012
http://www.simpleviewer.net/postcardviewer/support/embedding.html
Note for Dreamweaver Users:
To make PostcardViewer work you need to use the embed method described above. Using Dreamweaver's Insert -> Media -> SWF method will cause PostcardViewer to break. This is because PostcardViewer uses SWFObject to embed the SWF. SWFObject is an industry standard way to embed flash content that handles Flash player detection and upgrade prompts. Using the default Flash embed method in Dreamweaver will not work, since the config options that are set in the Javascript will be ignored.
and here's the code and instructions
Create your PostcardViewer gallery as normal (check instructions here).
Copy the entire contents of your PostcardViewer gallery folder into the folder that contains your HTML page (including the swfobject.js file and sub-folders).
Edit your HTML document using a HTML or text editor. Copy and paste this code block where you want PostcardViewer to appear:
<div id="flashcontent">PostcardViewer requires JavaScript and the Flash Player.
<a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
Upload the entire folder contents to your webserver.
To view your gallery, navigate to the gallery folder in your browser.
Setting Gallery Size and Background Color
To set the gallery size and background color, edit this line from step 3 above:
var fo = new SWFObject("viewer.swf", "viewer", "800", "600", "8", "#181818");
Change the "800" to be the width of your gallery. It can be a pixel value ("800") or a percentage ("50%").
Change the "600" to be the height of your gallery. It can be a pixel value ("600") or a percentage ("50%").
Change the "#181818" to be the hexadecimal background color of your gallery.
So I did this, created a #div on the style sheet and voila- it worked with no problems on all browsers. See it here www.new-york-dog-photography.com/dog-photos.html
I am posting this because there is always a lack of information concerning Flash and photo galleries. It took a very long time to find the answer to this question. I found it by looking up Postcard viewer. I never have these problems with questions about Photoshop or Illustrator. I will be happy to see Flash go. Answered Apr, 17 2012
0
•Create a basic gallery home page and give the page a name. Display the title of your gallery prominently on the homepage.
Build the page using the following HTML code:
<html>
</html>
Replace the words "Gallery Title" with the name of your gallery.
•2
Add an exhibit display table to the homepage. Use the following code to create a table where each exhibit displays a clickable preview image in a separate table cell. (This code includes basic homepage code explained Step 1.)
<html>
</html>
The <table> tag creates an HTML table. Each table row displays within the <tr> and </tr> tags. Each row contains cells contained within <td> and </td> tags. In this example, the table contains two rows of three cells each for a total of six exhibit displays.
•3
Add additional rows to the code in Step 2 by copying over the entire block of code located within the <tr> and </tr> tags and then pasting this code between the last </tr> and the </table> tag.
•4
Add additional cells within an existing row by repeating the following code for each new cell:
<td><a href="exhibitpageX.html"><img src="exhibit_imageX.jpg" width=100 height=100><center>Exhibit X</center></a></td>
Include the same number of cells in each row so that the gallery table looks aligned.
•5
Replace "exhibitpageX.html" with the name of the exhibit's individual webpage (to be created in Step 6). Replace "exhibit_imageX.jpg" with the name of the exhibit image. Replace "Exhibit X" located between <center> and </center> with the name of the individual exhibit display.
•6
Create an image thumbnail by specifying the width and height of the image. In the code in Step 2, the width and height of each image are set at 100 pixels. Increase this size to display larger thumbnail images or decrease to display smaller images. Keep all images the same size so that the gallery display looks neat and orderly. If images do not look good, use a graphic design program to professionally alter the images to desired sizes before including them on your gallery website.
•7
Create individual exhibit webpages for each exhibit. Display the exhibit title at the top of the page. Insert a large feature exhibit image. Add a paragraph of text underneath the image explaining the exhibit. Add a link back to the gallery homepage at the bottom of the exhibit page so that visitors can visit further exhibits.
Use the following example exhibit webpage code:
<html>
</html>
Replace "Exhibit Title" with the name of the exhibit. Replace "exhibit_photo.jpg" with the name of the exhibit image. Insert exhibit descriptive text inside the <p> and </p> tags.
Replace "galleryhome.html" with the name of the gallery homepage.
Read more: http://www.ehow.com/how_6630453_create-gallery-website.html#ixzz1G9Sk7GKE Answered Mar, 13 2011
Build the page using the following HTML code:
<html>
</html>
Replace the words "Gallery Title" with the name of your gallery.
•2
Add an exhibit display table to the homepage. Use the following code to create a table where each exhibit displays a clickable preview image in a separate table cell. (This code includes basic homepage code explained Step 1.)
<html>
</html>
The <table> tag creates an HTML table. Each table row displays within the <tr> and </tr> tags. Each row contains cells contained within <td> and </td> tags. In this example, the table contains two rows of three cells each for a total of six exhibit displays.
•3
Add additional rows to the code in Step 2 by copying over the entire block of code located within the <tr> and </tr> tags and then pasting this code between the last </tr> and the </table> tag.
•4
Add additional cells within an existing row by repeating the following code for each new cell:
<td><a href="exhibitpageX.html"><img src="exhibit_imageX.jpg" width=100 height=100><center>Exhibit X</center></a></td>
Include the same number of cells in each row so that the gallery table looks aligned.
•5
Replace "exhibitpageX.html" with the name of the exhibit's individual webpage (to be created in Step 6). Replace "exhibit_imageX.jpg" with the name of the exhibit image. Replace "Exhibit X" located between <center> and </center> with the name of the individual exhibit display.
•6
Create an image thumbnail by specifying the width and height of the image. In the code in Step 2, the width and height of each image are set at 100 pixels. Increase this size to display larger thumbnail images or decrease to display smaller images. Keep all images the same size so that the gallery display looks neat and orderly. If images do not look good, use a graphic design program to professionally alter the images to desired sizes before including them on your gallery website.
•7
Create individual exhibit webpages for each exhibit. Display the exhibit title at the top of the page. Insert a large feature exhibit image. Add a paragraph of text underneath the image explaining the exhibit. Add a link back to the gallery homepage at the bottom of the exhibit page so that visitors can visit further exhibits.
Use the following example exhibit webpage code:
<html>
</html>
Replace "Exhibit Title" with the name of the exhibit. Replace "exhibit_photo.jpg" with the name of the exhibit image. Insert exhibit descriptive text inside the <p> and </p> tags.
Replace "galleryhome.html" with the name of the gallery homepage.
Read more: http://www.ehow.com/how_6630453_create-gallery-website.html#ixzz1G9Sk7GKE Answered Mar, 13 2011
1
Short Answer, nope can’t be done.
Answered Mar, 26 2012
0
1.Go to the "Upload Settings" panel and choose a Web server preset from the "FTP Server" menu. If you are unsure about your Web server's FTP information, your Web hosting vendor can provide it for you.
2.Select "Put in Subfolder" from the "FTP Server" menu window and type the name of the Web folder that will hold your image files.
3.Click "Upload."
4.Type the password associated with your Web server and click "Upload" again. Answered Mar, 07 2011
2.Select "Put in Subfolder" from the "FTP Server" menu window and type the name of the Web folder that will hold your image files.
3.Click "Upload."
4.Type the password associated with your Web server and click "Upload" again. Answered Mar, 07 2011
2
Search for Related Topics
zyxel nsa 310 web gallery accordion gallery xml swf alamat web photoshop alamat web photoshop c5 accordion gallery xml swf disable hide xml swf accordion gallery swf insert edius insert swf artisteer beamer insert web link insert web link foxit diable web slice gallery gpo web slice gallery
Related Unresolved Questions
- how to restart photoshop cs5 after trial ended (1 answers)
- how to erase mustache in photoshop 9.0 (1 answers)
- how to create sand storm photoshop (1 answers)
- how to delete all adobe photoshop cs5 registry files (1 answers)
- what file should I delete to reset the photoshop cs5 trial (1 answers)
More Articles Related • Recent
- how to add a photo gallery to website?
- Android view web pictures in gallery
- How to Create a Web Photo Gallery With Fireworks Cs3
- How to make a web flash gallery on Mac with songs
- What is the best Joomla extension to add a Photo Gallery to my website?
- how to disable web slice gallery button of the internet explorer
- How to create a clean Web 2.0 style web design in Photoshop
- Is MakeUseOf a deep web website?
- Why is my website not up on the world wide web?
- how to get a course of learning web design for free in the website
- how to block url website on mcafee web gateway
- How to access website on my Apache Web server from any computer?
sponsored ads
Recent Searches
2010 calendar hotmail outlook synchronize change ipad mail question yahoo 2010 key ms office product 33420117 deleted history internet knowhow recover adrenalin binkw.dll nfs shift lightroom period reset trial partition recover
- how to add a photo gallery to website?
- Android view web pictures in gallery
- How to Create a Web Photo Gallery With Fireworks Cs3
- How to make a web flash gallery on Mac with songs
- What is the best Joomla extension to add a Photo Gallery to my website?
- how to disable web slice gallery button of the internet explorer
- How to create a clean Web 2.0 style web design in Photoshop
- Is MakeUseOf a deep web website?
- Why is my website not up on the world wide web?
- how to get a course of learning web design for free in the website
- how to block url website on mcafee web gateway
- How to access website on my Apache Web server from any computer?
Download related software from AFC
Continue to downloadPower by Afreecodec.com