Customizing Photo Gallery

Iweb works beautifully until I created a photo gallery. It then took over, formatting the photos within a pretty ugly white background surrounded by a metallic frame. It is apparently unchangeable...
Does anyone know if there is an elegant workaround? All of my other pages are BLACK - until getting to the slideshow - which in my case NEEDS to be black in order to showcase the pics. Apple, why did you do something so weird????

You can't do anything about how the slide show displays. I used iWeb '06. The black template selected does not produce the brushed metal frame when the slideshow plays in Safari. Don't know what happens when viewed on IE. You may have to switch templates.

Similar Messages

Need Expertise on Custom Photo Gallery Template

Hello there - this question isn't really just Mac specific, but I don't see a forum that will post to ALL Photoshop users.
I'm in need of some help customizing a Photo Web Gallery in Photoshop. I've done one entirely without tables, using my own CSS to style it. My thumbnail page would be similar to the coding for the index page of the Lightbox styled gallery in this tutorial: www.photoshoplab.com/lightbox-web-photo-gallery.html
However, my problem is that even though my design doesn't use tables, when I'm in the automation dialogue in Photoshop, it still shows the table row and column parameters - greyed out - from the last time a table-based gallery template was used. And Photoshop is using this info to decide how many thumbnails to put on the gallery index page. It simply multiplies the row * column to limit the number of thumbnails on that first page. Very odd and not very nice looking, as it won't finish a row this way.
I notice the Lightbox styled gallery template does away with the table for the thumbnails as well. How, then can I gain control over showing "X" number of images per thumbnail page? Say I have a gallery of 40 images - how can I show 20, max, per page? Or 10? Or whatever needs to be specified to suit the number of images in that gallery?
Also, at runtime, Photoshop is stripping some small but important bits of code out of my customized templates. I've tried to put some HTML elements in to force the "previous next" text below the thumbnails, but it gets stripped out during the generation of the gallery.
The results can be seen here:
www.springfieldmo.gov/cityconnect/images/galleries/dating/index.html
Notice that the first thumbnails page shows 21 images. That's because the greyed out row, column info in the automate dialogue was 3 rows of 7 columns.
Is there any way to get to the actual code that Photoshop runs to generate the galleries? Seems like that's where it would be looking for the table info.
Any thoughts? I'd sure appreciate any info you can give or point me to someone who has done a pure CSS automated Photoshop gallery.
Sincerely,
Christopher Akins
Web Coordinator
City of Springfield, MO

Thanks Curt, In fact I think I have found the files under
user\Application Data\Adobe\Bridge CS5\Adobe Output Module\MediaGallery\
I got there as a result of your suggestion and although I didn't find /roaming/ I did find the following directories
/document1/
/preview/
/previewinbrowser1/
So I am guessing these contain the files I need to work with. Some of the files are json files which is a bit new to me but I think there is a fair bit of resource around about it.
Regards, Les

Customizing the Photo Gallery

I am very curious to see if anyone knows how to customize the photo gallery module in it's look/functionality without using web apps?
(In other words stay on a lower BC plan, no web apps, but have a cool gallery that a user could change the photos themselves)
ANY help on this mis much appreacited!

Hi,
You might want to check out Kiyuco's various implementation tutorials on existing 3rd party galleries.
- http://kiyuco.com/business-catalyst-modules/photo-galleries
Kind regards,
-Sidney

%FILEINFO% token not working correctly in photo gallery

I created a photo gallery through the automated script and the output of it placed the description where I wanted it, but it doesnt update it when a new image in selected. The description from the first image remains in the description box the entire time. I cannot find out what is wrong, any ideas?

What Script would that be?
Which version of Photoshop are you talking about anyway?
If you want help with customizing an existing Script you could post in the Scripting Forum.
Photoshop Scripting

How do I only show thumbnails in the photo gallery without showing the Main Image?

Hello,
I need help customizing the Spry Photo Gallery Demo...
I would like for the Main Image To Be Hidden when the html
page loads. After the user clicks the thumbnail, I would like to
have the Main Image load centered on the page(with div containing
close button) on a z-index above the thumbnails. While the
thumbnails layer has a fade effect to 10%. After the user clicks
the close button the Main image disappears and the thumbnails layer
fades back to 100%. Then the user can click another thumbnail and
so on and so forth...
Is this possible? I have tried everything I can think of with
my limited knowlege of spry and cant get it to work. I just need
help with the Large image part. The close button and fades I can
handle.
Any help would be most appreciated. Please let me know if
further information is needed from me. Thank you in advance.

There is a third-party program called Attachment Tamer that will do that for you. In the Terminal, you can type this:
defaults write com.apple.mail DisableInlineAttachmentViewing -bool yes
Also note that while Attachment Tamer does some things with the encoding that makes certain email clients display the item as an attachment, what shows up at the receiver's end is solely dependent on their email client and its settings.

Is there a way to change the WHITE background color of the photo gallery/COLLECTIONS to BLACK. IPad 4 ios 7

As a Professional Photographer, I chose to buy an IPad 4 for only one reason and that was the amazing color and clarity of the Photo Gallery as a mobile Portfolio.
Originally the background color of the IPad 4 Gallery was BLACK and this facilitated the photos greatly, photos look better and stand out better on a BLACK background. White backgrounds cause a glare eminating from the edges of the photo and cause iris in our eyes to close down, degrading the quality of the photo being viewed.
I updated to ios 7 and now my IPad 4 has a WHITE background, which is unacceptable for viewing photos.
HOW DO I CHANGE the WHITE background on the Photo/Gallery/COLLECTIONS to BLACK?
Apple should ALWAYS give USERS/OWNERS of their products control of such details. IT'S JUST GOOD CUSTOMER SERVICE!

Vancouver22 Thanks for your help... the SLIDESHOW turned black for me automatically when the slideshow began. That works most excellent!
Now if I can just get the White Background to STAY BLACK, this might not be as painful as I feared.
My IP4 does lag slightly, but not enough to set fire to it yet.
The gallery/COLLECTIONS/ALBUMS are the most important thing to me.
Thanks!
Jon Dize aka DIZEMAN   (Not quite BATMAN, but whatchagonnado?}
[email protected]
http://dizeman.com/ (Bio)
http://dizeman.com/rock&roll/   (Rock Stars Clients/Subjects)
http://dizeman.com/glamour/    (Playboy Centerfold Shoots)
http://dizeman.com/thisnthat/   (Just stuff I shot on the way to stuff to shoot.)

Need help to create a photo gallery/slideshow

I want to create photo gallery similar to the url below. Is
this an off the shelf or built into flash.
If there's any tutorials that exist please inform. Thanks

Whenever I need a gallery like this i usually just buy one
from:
http://www.flashcomponents.net/component/
they are usually like $8-10 and have saved me quite a bit of
time... there are plenty of tutorials out there for custom ones,
but for $8 its hard to pass up a pre-built... i know this doesnt
answer your question exactly but i figured i would give my 2 cents,
hope this helps :)

Need help in adding Cooliris photo gallery to premade web template.

Hi,
I purchased a flash template that has nice effects. I would like to add Cooliris or a nice photo gallery page to the site. I contacted their help forum from where I bought the template and they say the effects are an embedded video that has to be custom editied, which I don't know how to do.
What do I need to do? Can I upload the template in this forum to show exactly what I mean? or, I can show you the sample template at:
http://www.templatetuning.com/flash-templates-preview/32485.html
Marty

Change this -
        <p><u>Welcome to Automated Compliance Solutions</u></p>
        <p><a href="contactacs.htm"><img src="button.png" width="266" height="56" border="0" align="right" /></a></p>
to this -
        <p><u>Welcome to Automated Compliance Solutions</u></p>
        <p><a href="yourlink.htm"><img src="yourbutton.png" width="266" height="56" border="0" align="right" /></a></p>
        <p><a href="contactacs.htm"><img src="button.png" width="266" height="56" border="0" align="right" /></a></p>
Be aware that my suggestion here is NOT valid XHTML, but since you are not a web developer, and the 'invalid' markup that I have suggested will not affect the rendering or operation of the page, I decided to keep it simple for you. In my suggestion, "yourlink.html" refers to the page to which you want this button to link, and "yourbutton.png" refers to the filename of the button image (obviously you'd want to change this to correspond to the filename and extension of the image you have created).

Problem in responive photo gallery

I have inserted the yoxview photo gallery from this website http://www.yoxigen.com/yoxview/.Here is the code.
<!doctype html>




<html class="">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Photo Gallery</title>
<script type="text/javascript" src="yoxview/yoxview-init.js">
</script>
<script type="text/javascript" src="yoxview/yoxview-nojquery.js"></script>
<script type="text/javascript">
            $(document).ready(function(){
                $("#thumbnails").yoxview({
                 backgroundColor: 'Blue',
                 playDelay: 5000
</script>
<link href="yoxview/yoxview.css" rel="stylesheet" type="text/css">

<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="CSS/Layout.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="flexslider.css" type="text/css">
<link href="css/flexnav.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
    background-color: #E9E9E9;
</style>
<style>
footer
    min-height: 80px;
    background: #000;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #C7E003;
</style>

<script src="jquery.min.js"></script>
<script src="jquery.flexslider.js"></script>

<script type="text/javascript" charset="utf-8">
$(window).load(function() {
    $('.flexslider').flexslider();
</script>



<script src="respond.min.js"></script>


</head>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1"><img src="SJV-Images/Banners/LimeGreenheader-new-curved.png"/></div>
<div id="Nav">
<div class="menu-button">Navigation</div>
    <nav>
          <ul data-breakpoint="800" class="flexnav">
            <li><a href="">Home</a>
           
            </li>
            <li><a href="">Profiles</a>
              <ul>
                <li><a href="">Sub 1 Item 1</a></li>
                <li><a href="">Sub 1 Item 2</a>
                  <ul>
                    <li><a href="">Sub 2 Item 1</a></li>
                    <li><a href="">Sub 2 Item 2</a></li>
                    <li><a href="">Sub 2 Item 3</a></li>
                  </ul>
                </li>
                <li><a href="">Sub 1 Item 3</a>
                  <ul>
                    <li><a href="">Sub 2 Item 1</a></li>
                    <li><a href="">Sub 2 Item 2</a>
                      <ul>
                        <li><a href="">Sub 3 Item 1</a></li>
                        <li><a href="">Sub 3 Item 2</a></li>
                        <li><a href="">Sub 3 Item 3</a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
              </ul>
            </li>
            <li><a href="">Photo Gallery</a>
             
            </li>
            <li><a href="">Alumni</a>
             
            </li>
            <li><a href="">Contact Us</a>
          
            </li>
          </ul>
        </nav>
</div> 
<div id="LayoutDiv2">

         
<div class="yoxview">
<h3>   Photo Gallery</h3>
<a href="yoxview/Images-Yoxview/Trial_Gallery1.jpg"> <img src="yoxview/Images-Yoxview/Thumbnails/Trial_Gallery_thumb1.jpg"alt="First" width="100" height="97" title="First image" /></a>
    <a href="yoxview/Images-Yoxview/Trial_Gallery2.jpg"><img src="yoxview/Images-Yoxview/Thumbnails/Trial_Gallery_thumb2.jpg"alt="Second" width="100" height="97" title="Second image" /></a>
     <a href="yoxview/Images-Yoxview/Trial_Gallery3.jpg"><img src="yoxview/Images-Yoxview/Thumbnails/Trial_Gallery_thumb3.jpg" alt="Third" width="100" height="97" title="Third Image"/></a>
    
</div>


</div>

</div>
<footer></footer>
<script type="text/javascript" src="js/jquery.flexnav.min.js"></script>
<script type="text/javascript">$(".flexnav").flexNav({'animationSpeed': 150});</script>
</body>
</html>
The plug-in works.But i want to increase the height of the div with the class = yoxview.But i couldn't find the such class.Here is the css.
/* YoxView v2.0 CSS file */
#yoxview .yoxview_bottom{ bottom: 0; }
#yoxview .yoxview_right{ float: right; }
#yoxview .yoxview_left{ float: left; }
#yoxview_popupWrap
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 100;
#yoxview
    position: absolute;
    font-family: Arial, Sans-Serif;
    z-index: 999;
    border: solid 1px #999;
    overflow: hidden;
    font-size: 10pt;
    text-align: left;
    max-height: 1000px;
#yoxview a img, #yoxview_infoPanel a img{ border: none; }
#yoxview a:focus{ outline: none; }
#yoxview div.yoxview_imgPanel{ position: absolute; top: 0; left: 0; }
#yoxview div.yoxview_mediaPanel
    position: absolute;
    background: #191919;
    width: 100%;
    height: 100%
#yoxview .yoxview_ctlBtn
    position: absolute;
    z-index: 3;
    display: block;
    text-decoration: none;
    outline: none;
    width: 50%;
    height: 100%;
#yoxview .yoxview_ctlBtn img
    position: absolute;
    border: none;
    top: 50%;
    margin-top: -22px;
#yoxview a.yoxview_ctlBtn:focus, #yoxview a.yoxview_ctlBtn:active{ outline: none; outline: none;}
#yoxview .yoxview_notification
    width: 59px;
    height: 59px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 4;
    opacity: 0.6;
    filter: alpha(opacity=60);
    background-image: url(images/sprites.png);
    background-repeat: no-repeat;
    display: none;
#yoxview #yoxview_ajaxLoader img
    padding: 13px;
#yoxview .yoxview_popupBarPanel
    position: absolute;
    z-index: 4;
    min-height: 70px;
    width: 100%;
    right: 0;
#yoxview #yoxview_menuPanel
    width: 145px;
    height: 42px;
    padding-top: 0px;
    padding-right: 9px;
    position: absolute;
    right: 0;
    background: url(images/sprites.png) no-repeat left -77px;
    background: rgba(0, 0, 0, 0.8);
    -moz-border-radius: 0 0 0 15px;
    -webkit-border-radius: 0 0 0 15px;
    border-radius: 0 0 0 15px;
    top: -42px;
#yoxview #yoxview_menuPanel a
    display: block;
    width: 45px;
    float: right;
    text-align: center;
    font-size: 0.8em;
    position: relative;
    margin-top: -5px;
    padding-bottom: 13px;
    text-decoration: none;
    font-family: Arial, Sans-Serif;
#yoxview #yoxview_menuPanel a span{ color: White; display: block; margin-bottom: 3px; }
#yoxview #yoxview_menuPanel a.last{ margin-left: 0; }
#yoxview #yoxview_menuPanel a:focus{ outline: none; }
#yoxview_infoPanel
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    color: White;
    z-index: 2;
    overflow: hidden;
#yoxview_infoPanel #yoxview_infoPanelBack
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
#yoxview_infoPanel #yoxview_infoPanelContent
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0;
#yoxview_infoPanel span#yoxview_count
    display: block;
    width: 55px;
    font-size: 0.8em;
    float: left;
    text-align: center;
    padding-top: 8px;
    color: #bbb;
#yoxview_infoPanel #yoxview_infoText
    margin: 0 55px;
    font-size: 12pt;
    padding: 5px 0;
#yoxview_infoPanel #yoxview_infoText #yoxview_infoTextDescription
    margin-top: 1em;
    font-size: 10pt;
    padding-bottom: 0.5em;
    max-height: 200px;
    overflow: auto;
    padding-right: 10px;
#yoxview_infoPanel #yoxview_infoText a, #yoxview .yoxview_error a{ color: #a7d557; text-decoration: none; outline: none; }
#yoxview_infoPanel #yoxview_infoText a:hover, #yoxview .yoxview_error a:hover{ color: #d5eeaa }
#yoxview_infoPanel a.yoxviewInfoLink
    display: none;
    opacity: 0.8;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
#yoxview_infoPanel a.yoxviewInfoLink:hover{ opacity: 1 }
#yoxview #yoxview_helpPanel
    display: none;
    width: 201px;
    height: 312px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -171px;
    margin-left: -111px;
    z-index: 5;
    color: White;
    padding: 20px;
    padding-top: 10px;
    cursor: pointer;
#yoxview #yoxview_helpPanel h1{ font-family: Arial Black, Arial, Sans-Serif; font-size: 1em; }
#yoxview #yoxview_helpPanel p{ margin-top: 80px; }
#yoxview #yoxview_helpPanel span#yoxview_closeHelp{ display: block; position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; }
#yoxview .yoxview_error
    display: block;
    text-align: center;
    color: White;
    font-family: Arial, Sans-Serif;
    font-size: 14pt;
    top: 41%;
    width: 100%;
    height: 20%;
    position: absolute;
    padding: 10px;
#yoxview .yoxview_error .errorUrl{ font-size: 10pt; }
#yoxview .yoxview_top{ top: 0; width: 50%; }
#yoxview .yoxview_element{ width: 100%; height: 100%; position: absolute; border: none; background: #333; }
.yoxview-thumbnails a
    float: left;
    margin: 4px;
    /* For thumbnails opacity: */
    opacity: 0.8;
    filter: alpha(opacity=80);
.yoxview-thumbnails a:hover
    /* For thumbnails opacity: */
    opacity: 1;
    filter: alpha(opacity=100);
.yoxview-thumbnails a img
    /* Set white borders around the thumbnails, instead of the browser's default Blue: */
    border: solid 1px #ffffff;
.yoxview-thumbnails-details{ margin-bottom: 1em; }
.yoxview-thumbnails-details h2{ margin-bottom: 0; padding: 0; font-size: 1.2em; font-weight: bold;}
Where i could increase the height of the div?Pls help me.

http://www.yoxigen.com/yoxview/usage.aspx#installation
Please visit this link.Here in the first step,they have said to add class=yoxview.I did the same.But i couldn't find it in CSS.I have added these links.
<script type="text/javascript" src="yoxview/yoxview-init.js">
</script>
<script type="text/javascript" src="yoxview/yoxview-nojquery.js"></script>
<script type="text/javascript">
            $(document).ready(function(){
                $("#thumbnails").yoxview({
                 backgroundColor: 'Blue',
                 playDelay: 5000
</script>
<link href="yoxview/yoxview.css" rel="stylesheet" type="text/css">
HTML Markup
<div class="yoxview">
<h3>  Photo Gallery</h3>
<a href="yoxview/Images-Yoxview/Trial_Gallery1.jpg"> <img src="yoxview/Images-Yoxview/Thumbnails/Trial_Gallery_thumb1.jpg"alt="First" width="100" height="97" title="First image" /></a>
    <a href="yoxview/Images-Yoxview/Trial_Gallery2.jpg"><img src="yoxview/Images-Yoxview/Thumbnails/Trial_Gallery_thumb2.jpg"alt="Second" width="100" height="97" title="Second image" /></a>
     <a href="yoxview/Images-Yoxview/Trial_Gallery3.jpg"><img src="yoxview/Images-Yoxview/Thumbnails/Trial_Gallery_thumb3.jpg" alt="Third" width="100" height="97" title="Third Image"/></a>
Please help.

Help to create a photo gallery..

Can anyone visit this site..
www.ted.com
I want to create a photo gallery like that.. I mean when i hover my mouse over a thumbnail my image should enlarge.. and if i click i should be able to download..
I want that animation while loading between my galleries..
please help me.. please.. no need that various sizes for all tiles.. no problem even if all tiles are of same size.. please.. I need it so badly..
thanks in advance

Whenever I need a gallery like this i usually just buy one
from:
http://www.flashcomponents.net/component/
they are usually like $8-10 and have saved me quite a bit of
time... there are plenty of tutorials out there for custom ones,
but for $8 its hard to pass up a pre-built... i know this doesnt
answer your question exactly but i figured i would give my 2 cents,
hope this helps :)

Photo gallery able to reorganise into subcategories + adding new images via in-browser editing

Hi,
I'm looking for a photo gallery which has the ability to reorganise the images displayed based on subcategories or tags. For example I want to add a gallery which contains photos of a clients projects. The client wants site visitors to be able to shuffle the gallery to view only for example "stone walls" or "timber decking". A tagging system would be handy rather than having to load the photos into each subcategory.
The other consideration is that my client needs to be able to add new images with tags using the in-browser via Business Catalyst. So far I have only succeeded in replacing existing images rather than adding new images.
Is there such a widget for Muse or are there anyother widgets for wordp-ress or other which could be embedded to tdo the job.
Thanks in advance,
Jimmy

Hi Jimmy
If I am not wrong, basically you want to provide users an option to select category of images which they want to show up on page.
From Muse we cannot tag or categorize them , also photogallery module in BC does not provides this option, but there is a workaround with web apps.
You can create a web app and then web app items as images and then categorize them. On page insert the web app with categories drop down, so when users will select the category those web app items would be displayed on page. Additionally you can add custom fields in web app to search using keyword.
With editing , clients can login to BC admin and then using photogallery module or web app module ( if used ) to edit the images, add new ones. IBE cannot be used to add new ones but to replace existing ones.
Helpful Links :
http://helpx.adobe.com/business-catalyst/partner/web-apps.html
http://helpx.adobe.com/business-catalyst/partner/building-web-apps-part-1.html
Thanks,
Sanjit

Photo Gallery Porgram

Hi everyone, hope you are all well.
I am hoping someone here will be able to help me with a
problem I am having with a photo gallery program I am trying to
create.
I am using Macromedia Director MX 2004.
So basically what I am trying to create is a photo gallery
where the user can upload pictures and photographs from their
computer/laptop/USB stick/CD/DVD etc into the program.
So when the user views the album the first picture will
appear as a large photo with a text box beside it containing a
discription. Underneath this is thumbnails of the rest of the
photos in the album and the user can scroll back and forwards and
select a thumbnail to be displayed as the large photo on the
screen.
My problem is I haven't been able to find anywhere a
behaviour, piece of lingo or anything that will allow pictures to
be scrolled.
I already know how to use the custom scrollbar within
director but this has only worked with text and scrolling up and
down, not left and right.
I have thought of putting the photos into some sort of
textbox or something and getting it to move left and right but the
problem is I wont know how many photos the user will upload into
the album.
Can anyone help me and/or point me in the direction of a
director example so I can see how it works and the lingo behind it?
Many thanks

cast member name : script filmStrip manager
global gFilmStripMgr
property pFilmStrip
property pIconImg
on new me
me.initData()
return me
end
on initData me
baRegister("sharp",2294439)
pIconImg = [:]
pIconImg[#orderList] = []
pIconImg[#maxSpeed] = 15
pIconImg[#leftLimit] = -300 --
왼쪽으로 이 값에
도달하면 재 배열을
한다...
pIconImg[#rightLimit] = 100 --
오른쪽으로 이 값에
도달하면 재 배열을
한다...
pIconImg[#curPos] = -100 -- 이
값에서 시작을
한다...
pIconImg[#distance] = 200 -- 각
아이콘 사이의
거리...
pFilmStrip = [:]
pFilmStrip[#folderList] = baFolderList( _movie.path )
pFilmStrip[#curFolderNum] = 1
pFilmStrip[#fileList] = []
pFilmStrip[#startNum] = 1 -- 플름
스트립의 왼쪽
첫번째 리스트
번호...
pFilmStrip[#fileNum] = 1 -- 현재
보여주는 파일의
이름...
me.resetFileList()
pFilmStrip[#folderText] = member("text folderName")
end
on resetFileList me
-- 현재 지정한
폴더의 파일
리스트를
갱신해준다.
curFolderName =
pFilmStrip.folderList[pFilmStrip.curFolderNum]
pFilmStrip.fileList = baFileList( _movie.path &
curFolderName, "*.*" )
-- 필요 없는
종류는 걸러준다...
repeat with i = pFilmStrip.fileList.count down to 1
file_Name = pFilmStrip.fileList
file_extension = file_Name.char[file_Name.length -
2..file_Name.length]
case file_extension of
"jpg", "avi" :
-- 이 두가지
파일만 허용한다...
otherwise :
pFilmStrip.fileList.deleteAt(i)
end case
end repeat
pFilmStrip.fileNum = pFilmStrip.fileList.count --
이래야지
화면에서는
처음것부터
보이겠지...
pIconImg.curPos = -100
end
on viewFolderName me
-- 현재 폴더 이름
보여주고...
pFilmStrip.folderText.text = me.getCurFolderPath()
end
on getCurFolderPath me
-- 현재 폴더의
경로를 반환한다.
curFolderName =
pFilmStrip.folderList[pFilmStrip.curFolderNum]
return _movie.path & curFolderName
end
on getImgPath me, orderNum
-- 현재 폴더의 큰
그림 이미지를
반환...
curFolderPath = me.getCurFolderPath()
curFileName = me.getFileName(orderNum)
imgFilePath = curFolderPath & "\" & curFileName
return imgFilePath
end
on getFileName me, orderNum
-- 파일 이름을
반환한다...
-- 왼쪽부터 지정한
번호번째의
이미지를
돌려준다...
listNum = pIconImg.orderList.getOne(orderNum)
if listNum = 0 then listNum = 2
curListNum = listNum + pFilmStrip.fileNum - 1
if curListNum > pFilmStrip.fileList.count then
-- 끝번보다 크면
1번으로...
curListNum = curListNum mod pFilmStrip.fileList.count
if curListNum = 0 then curListNum =
pFilmStrip.fileList.count
end if
if pFilmStrip.fileList = [] then exit
curFileName = pFilmStrip.fileList[curListNum]
return curFileName
end
-- ********************** public **************************--
on register me
if voidP(gFilmStripMgr) then
gFilmStripMgr = me.new()
else
gFilmStripMgr.initData()
end if
end
on destory me
(the actorList).deleteOne(gFilmStripMgr)
gFilmStripMgr = void
end
on registSpriteOrder me, orderNum
-- 각 필름 스트립
스프라이트의 순번
리스트를
저장한다...
pIconImg.orderList.add(orderNum)
end
on moveFolder me, moveDirection
case moveDirection of
#prev : -- 이전폴더...
그런데 처음
폴더까지 가면 다시
마지막으로...
pFilmStrip.curFolderNum = pFilmStrip.curFolderNum - 1
if pFilmStrip.curFolderNum < 1 then
pFilmStrip.curFolderNum = pFilmStrip.folderList.count
end if
#next :
-- 다음폴더...
그런데 마지막
폴더까지 가면 다시
첨으로...
pFilmStrip.curFolderNum = pFilmStrip.curFolderNum + 1
if pFilmStrip.curFolderNum > pFilmStrip.folderList.count
then
pFilmStrip.curFolderNum = 1
end if
end case
-- pIconImg = [:]
pIconImg.orderList.sort()
-- pIconImg[#maxSpeed] = 15
-- pIconImg[#leftLimit] = -300 --
왼쪽으로 이 값에
도달하면 재 배열을
한다...
-- pIconImg[#rightLimit] = 100 --
오른쪽으로 이 값에
도달하면 재 배열을
한다...
-- pIconImg[#curPos] = -100 -- 이
값에서 시작을
한다...
-- pIconImg[#distance] = 200 -- 각
아이콘 사이의
거리...
-- pFilmStrip = [:]
-- pFilmStrip[#folderList] = baFolderList( _movie.path )
-- pFilmStrip[#curFolderNum] = 1
-- pFilmStrip[#fileList] = []
pFilmStrip.startNum = 1 -- 플름
스트립의 왼쪽
첫번째 리스트
번호...
pFilmStrip.fileNum = 1 -- 현재
보여주는 파일의
이름...
-- me.resetFileList()
me.resetFileList()
me.viewFolderName()
end
on getIconImgPath me, orderNum
-- 현재 폴더의
아이콘 이미지를
반환...
curFolderPath = me.getCurFolderPath()
iconFolderPath = curFolderPath & "\icon\"
curFileName = me.getFileName(orderNum)
iconFilePath = iconFolderPath & curFileName
return iconFilePath
end
on getIconPos me, orderNum
-- 각 아이콘의
해당 좌표를 찾아서
반환한다...
listNum = pIconImg.orderList.getOne(orderNum)
newLocH = pIconImg.curPos + (listNum - 1) *
pIconImg.distance
return newLocH
end
on setMove me, speed
-- 이것은 지정한
스피드의 속도로
기준이 되는 좌표를
이동하는 것이다...
-- 그런데 전체
갯수가 1개밖에
안되면 어쩌누...
멈춰야겠지...
if pFilmStrip.fileList.count <= 4 then exit --
화면에 보여주는게
4개니까...
pIconImg.curPos = pIconImg.curPos +
integer(pIconImg.maxSpeed * speed)
if pIconImg.curPos < pIconImg.leftLimit then
pIconImg.curPos = pIconImg.curPos + pIconImg.distance
-- 첫번째 오더에
있는 넘을 맨 뒤로
보내준다...
firstNum = pIconImg.orderList[1]
pIconImg.orderList.deleteAt(1)
pIconImg.orderList.add(firstNum)
-- 왼쪽의 기준
파일을 바꿔준다...
pFilmStrip.fileNum = pFilmStrip.fileNum + 1
if pFilmStrip.fileNum > pFilmStrip.fileList.count then
-- 끝번보다 크면
1번으로...
pFilmStrip.fileNum = 1
end if
else if pIconImg.curPos > pIconImg.rightLimit then
pIconImg.curPos = pIconImg.curPos - pIconImg.distance
-- 마지막 오더에
있는 넘을 맨
처음으로
보내준다...
tempList = [pIconImg.orderList[pIconImg.orderList.count]]
repeat with i = 1 to pIconImg.orderList.count - 1
tempList.add(pIconImg.orderList)
end repeat
pIconImg.orderList = tempList
-- 왼쪽의 기준
파일을 바꿔준다...
pFilmStrip.fileNum = pFilmStrip.fileNum - 1
if pFilmStrip.fileNum < 1 then
-- 1번보다 작으면
끝번으로...
pFilmStrip.fileNum = pFilmStrip.fileList.count
end if
end if
end

Photo gallery / slideshow component using rss

hi.. i was wondering if anyone can throw some light on this
issue. i am thinking abt making a simple flash gallery / slideshow
that will get info from an rss feed (either from flickr or a
customized Gallery2.0 feed). there is already one at
www.afcomponents.com, but their support is slow and the product
layout is not customizable.
so, does anyone know if another such component? or even
better, a script that i can work on myself? any thoughts, comments
and ideas will be greatly appreciated.
thanks in advance,
-V

Hello lukeage7,
I've done a bunch of similar galleries. Are you familiar with
xml in Flash
at all? The easiest way is to create an empty movie symbol on
your stage
and give it an instance name (placeHolder) for example.
Create an xml file
with a list of your image names, and then use loadMovie to
load the first
node's image into your placeHolder movie symbol. Then all you
need to do
is create a var you can increment to load the 2nd image, 3rd
image, 4th image
etc. I can send you a sample if you want.
That said, I've also used this product and for the low price
it is pretty
robust:
http://www.slideshowpro.net/product_ssp.php
Jesse H.
Adobe Community Expert
My site:
http://www.jharding.com
Free Blog Radio:
http://www.tornadostream.com
> I am looking to make a photo gallery and want my images
to be pulled
> from a folder on my webserver. Does anyone know how to
do this either
> by a movie clip and script or by some type of components
plug-in that
> works well.
>
> I am using Flash Pro 8 and really want to put together
and nice well
> working photogallery with multiple images but don't want
to embed them
> into the flash file for file size reasons.
>
> Any help or general information would be a huge help.
Thanks.
>
> Luke
>

Using CS3 Web Photo Gallery Control Panel in Bridge CS4?

I found where the styles are located in the library, and it doesn't look like the old templates will work with the new Output feature of Bridge. I want to use my old templates from CS3 that I have customized, and would like to use them with Bridge. I have installed the extra Goodies, but they will only work through Photoshop, not Bridge.
Is there a way to have Bridge>Tools>Photoshop bring up the legacy version control panel for the Web Photo Gallery?
Thank you:)

Hi Paul,
I'm not a Lightroom user, but the new Web Photo Galleries that come in CS4 are in Bridge. They are Lightroom templates, so there's probably not much difference. I just tried building a gallery in CS4 Bridge with 35 files, and I could not preview more than 10 either through Bridge or in a browser by pressing the preview button. The only way to preview the entire gallery before uploading was by saving the folder, then opening the index file in a browser.
Web Photo Galleries can be created in Photoshop and Bridge CS4 just like they were in previous versions of Photoshop and Bridge. You do need to configure it using the optional Goodies files since it is not part of the initial installation. It's real easy. The link I posted above has more information. Here it is again:
http://generatex.com/cs4.html
If you do that, you'll have the best of both worlds. You'll have the option of creating web photo galleries with html templates in Bridge or Photoshop CS4, previewing them easily (regardless of size), and have the option of using the new Lightroom flash templates in Bridge CS4.

Make 3D Flash wedding photo gallery with songs

Last week, my dearest sister got married. There were about a gazillion things to love about her wedding day… so many moments all wrapped up into one very totally unforgotten event. I took lots of wedding photos on her wedding day and wanted to give her a surprise of making her a 3D flash wedding photo gallery with wedding songs.
As I expected, my sister was moved, many thanks she said to me. Now I just want to give my many thanks to Aneesoft 3D Flash Gallery. It is a wedding gallery making software that helped me make so gorgeous flash gallery with my sister's wedding pictures. Knowing nothing about flash making, I never thought making a splendid 3D flash gallery would be so easy. My friend, do you eager to make your own cool, awesome flash gallery now? Do you eager to sharing your wedding photos in a stunning 3D photo gallery? Let me show you the way!
What you'll need:
1. Wedding photos and wedding songs for your 3D flash gallery
2. Aneesoft 3D Flash Gallery
Step 1: Download & install Aneesoft 3D Flash Gallery
We'll be using a very nice 3D gallery making software 'Aneesoft 3D Flash Gallery' to making a romantic wedding flash gallery with wedding photos and wedding songs, head over here and download the free trial version. Next step is to install the program.
Step 2: Import wedding photos and edit
You can add up to 500 photos that you want to use in your wedding photo gallery, arrange the photos as you like. Aneesoft 3D Flash Gallery supports a wide range of file formats for images, such as .jpg, .bmp, .gif. Click "Add Caption" to add title and description for your wedding photos. And you can also crop and add special effects to them to make your wedding photos more perfect
Step 3: Choose from a variety of wedding flash gallery templates
Aneesoft 3D Flash Gallery offer you an easy way to make a stunning wedding photo gallery by choosing from variety of flash gallery templates. A flash gallery template automatically put preset decoration to wedding gallery. When you select a preset flash gallery template, you're able to enhance it by customizing some additional settings, such as background, thumbnail effects, playback options and scrolling actions. For the adventurous users, explore the powerful advanced features and tools that gives you total control over how you compose your wedding flash photo gallery.
Step 4: Add some wedding songs for your wedding flash gallery
Wedding songs are a very important factor to consider when making your wedding flash photo gallery. They set the general mood and tone for your gallery, while also allowing you to express your feelings through music. You may find the perfect wedding songs out of hundreds of popular wedding songs and music through Amazon.com or iTunes.
In this step, you can add some wedding songs as background music to play along with your wedding flash gallery. Click Add Music button to browse and add your wedding songs. You can add, remove and edit the wedding music files. And you may check the option to control the background music looping or not.
Step 5: Preview and publish your 3D wedding flash gallery
It is advisable that you preview the wedding flash gallery at least once, before you publish it. Click and drag mouse for scrolling and tilting the 3D flash gallery. Click on the thumbnail to zoom in and out the photos. You have several options to share and publish your 3D wedding photo gallery, such as SWF, EXE and HTML. It depends on your needs.
OK, now your wedding flash gallery is done. What do you think of the wedding flash gallery that I made for my sister? End with my sister's sentences "Fun is not ending, romantic is not ending, and love is just beginning!" Wish your wedding pictures can also be splendid as my sister's, and your love is just beginning, enjoy!
know more:
http://www.aneesoft.com/win-3d-flash-gallery.html
http://www.aneesoft.com/tutorials/3d-flash-gallery/make-wedding-flash-gallery-with-songs.h tml

As for AS3 part of it, I am not sure your code really works. There are syntax and logical errors there.
I think you need to take it step by step and accomplish several task in the following sequences:
1. Write code that loads XML correctly;
2. Write code that enables buttons;
3. Write code that will load images on button clicks.
The code below shows in principal what needs to be done in order to load XML and make the data in this XML available for further consumption. Also, by accomplishing this step you will iron out all the PHP vs Flash wrinkles including your XML.
Please note, I don't know your XML structure so all the parsing issues you need to resolve yourself.
Once you get handle on it - we, hopefully, will talk about steps 2 and 3.
import flash.display.Loader;
import flash.events.*;
import flash.net.*;
var images:XML;
var myRequest:URLRequest;
var myLoader:URLLoader;
// list of image urls that will come from loaded XML
var imageList:XMLList;
myRequest = new URLRequest("Photography.php");
myLoader = new URLLoader();
myLoader.addEventListener(Event.COMPLETE, onFileLoaded);
// suggested handler for unexpected errors - avoids some headaches
myLoader.addEventListener(IOErrorEvent.IO_ERROR, onLoadError);
myLoader.load(myRequest);
// Note: all the listeners are removed
// it is always wise to remove listeners that are needed any longer
// to make objects eligible for arbage collection
function onLoadError(e:IOErrorEvent):void
     trace(e.toString());
     myLoader.removeEventListener(Event.COMPLETE, onFileLoaded);
     myLoader.removeEventListener(IOErrorEvent.IO_ERROR, onLoadError);
function onFileLoaded(e:Event):void
     myLoader.removeEventListener(Event.COMPLETE, onFileLoaded);
     myLoader.removeEventListener(IOErrorEvent.IO_ERROR, onLoadError);
     images = new XML(myLoader.data);
     // only now xml is ready and you can start loading images
     imageList= images.pic;

Customizing Photo Gallery

Similar Messages

Maybe you are looking for