How to best display/update images in gallery??

I'm designing a site for my photography but I'm stuck. I'm new to this and trying to learn, so I'll try to explain clearly. Usually I have problems with things that sound like they should be really simple but end up with unbelievably complex answers, so please keep my beginner status in mind with responses (the complexity itself isn't an issue since i'm sure i could learn whatever needs to be done, just that nothing is more frustrating than an answer of pure code and no plain-english explanation of what is going on).
the overall design is simple enough: thumbnails to the right (in their own iframe so links can navigate several columns of thumbs, though i'm sure there's a better way to do this, too), large images to be displayed nearish to the center, and some other stuff to the left unrelated to this issue. If all the images were oriented the same way (all landscape or all portrait) i'd have no trouble just creating a frame/iframe of the correct size and call it good enough, but i have about half landscape and half portrait. I considered a square iframe, but then i'd have to create a new html file for every single image (to make the image centered and make the background transparent so i don't get white bits). Is there a way I can do this where i could link just the jpgs to something (centered within a frame, div, whatever) with transparency enabled and save myself the pain of creating dozens of individual html files?
I've researched a few ideas I had: It doesn't appear to be possible to link directly to a large square div. It also doesn't seem possible to format/style an iframe to meet those requirements without the individual html pages. I've wondered if it would be possible to create two overlapping iframes (one for landscape, one for portrait) and have the link specify which one should show, but i've found nothing helpful on this issue (not even enough to know if it's possible in this context). i even considered throwing out dreamweaver completely and doing a flash-based site, but i was told that this was too hard for a beginner and to not even try (always love a vote of confidence). If I am told the same thing here I may consider scrapping the project entirely because i'm fast running out of options (and i just won't create individual html pages for dozens and dozens of images, it's not worth that kind of tediousness). And this should be obvious, but because a friend suggested it someone else might: no, my work cannot be cropped so they're all the same dimensions and i'd prefer to not modify the images in photoshop to create borders that make them all square (on a slow connection it looks really strange if the image and the "background" load together).
I hope i gave enough info/details.

Instead of creating x-number of html pages, just have your menu page dynamically write the html page to the main viewing frame.  If you have different layouts you can have javascript code make decisions based on information you pass to the writing functions from the menu selections.  What you'll want to do is learn how to use the document.write() javascript functionality.  You would build a variable that contains the html code for the page and then use the document.write() function to write that code into the frame.
As a simplified example, you could have a javascript function in the menu page that you pass the image name to and write that as a page to the "main" frame...
function createImagePage(imageFilename){
    // create the page code
     var mainCode += "<html><head><title>An Image Page</title></head><body><img src=\"";
     mainCode += imageFilename;
     mainCode += "\"></body></html>";
     // write the page code to the main viewing frame
     parent.main.document.open();
     parent.main.document.write(mainCode);
     parent.main.document.close();
While I didn't show it, if you have two different page styles to create, then along with the filename you could pass a style number to the function to have the javascript decide which format to code.
Sorry if that little bit of code is over your head, but you'll have to learn the languages involved in web pages if you want to create them.  Using document.write() is one of the first things you are likely to learn in a javascript course.

Similar Messages

  • How can i display a image file which is placed in the applications server

    Hi all,
    Can any one help me how can I display a image file which is present in the application server.
    With regards,
    M.Ramana Murthy

    hi,
    *& Form TOP_OF_PAGE
    * text
    FORM F_TOP_OF_PAGE.
    CALL FUNCTION 'REUSE_ALV_COMMENTARY_WRITE'
    EXPORTING
    IT_LIST_COMMENTARY = IT_LISTHEADER
    i_logo = Logo name
    * I_END_OF_LIST_GRID =
    ENDFORM. "TOP_OF_PAGE
    rgds
    Anver

  • Image display - How do I display an image using an absolute path?

    How do I display an image using an absolute path in a compiled WebHelp?
    Our developers use RH8 map IDs within our in-house applications to display in a model window created using Telerik Rad Window.
    Unfortunately images disappear from these model windows because RoboHelp removes absolute links to [inserted] images and changes them to relative in the compiled WebHelp.
    How do we overcome this? Is there a solution in RH8?

    I have tried again and changed the path in the topic HTML
    from : ..\..\HelpTopics\Icon_Search.png
    to    :  \HowDoI\Help_CMS\WebHelp\HelpTopics\Icon_Search.png
    I am obviously unable to see it in RH8 as I have removed the relative link so it is "outside" of the project.
    This time, on compilation, it has not stripped out the absolute links. The developer was working with me on this last week and we did have any issue in that they did not hold the absolute link. Most odd!
    Checking the published help it appears to be working in the application, which is great.
    So my apologies for raising the issue but it really did not work last week.

  • How do I correctly update images on my Gallery page in Adobe Muse 2011-2013?

    I am trying to update images on my Gallery page  at: www.glennmcfall.com. When I add new images those new images are not active. When I click on the thumbnail (when I use Preview Page in Browser) the slideshow image appears , when I click on that image a larger image or video should appear but doesn't. I noticed when an image is active an image of a hand appears when hovering over the art/photo/video but this hand does not appear when I am trying to access the largest image. What do I need to do to correct this? I am using Adobe Muse 2011-2013 version.

    Hi
    Can you provide steps to follow for replication ?
    I checked the site , but which thumbnails exactly shows this behavior etc ?
    Thanks,
    Sanjit

  • How do I display blob (image) in a Portal Report

    I am using 9ias 10222 and portal 30983 and I have a table that stores an image as a blob and have a varchar field to store the mime type. I have created a form to upload the image and can then query the form to display the image.
    How do I dislay the image in a Portal Report/Dynamic Page Component. I have followed note 68016.1 but the retrieve_img_data procedure does not work it gives a wwv-11230 error.
    Any ideas? Any help would be appreciated.
    Thanks
    Belinda

    Hi,
    Can you display what code you used for this? I followed note 172045.1 and everything compiles properly but when I run the report, I just get a box with a red X in it, like it is not finding the picture. I ran the procedure that downloads the image and it works fine from there. Thanks.

  • How can I display an image from a shared-network folder?

    Hi
    Does anyone know how I can display images from within APEX that are found outside the database? What configuration have I missed?
    Within Windows-Internet-Explore I can access the following image using the below URLs, BUT I cannot access it from within APEX?
    What do I need to do so APEX can display theses images from our internal shared network folder?
    both these URLs work within Firefox (but on APEX):
    \\Saremote\UPDOWNFILES_DIR\polk_insight.gif
    file://///Saremote/UPDOWNFILES_DIR/polk_insight.GIF
    So within APEX I have created a "display as Text' Item that works with this "amazon image" syntax:
    {lessthan} IMG SRC= {doublequot} http://g-images.amazon.com/images/G/01/associates/navbar2000/logo-no-border(1).gif {doublequot} {greaterthan}
    BUT sadly not with my image:
    {lessthan} IMG SRC= {doublequot} file://///Saremote/UPDOWNFILES_DIR/polk_insight.GIF {doublequot} {greaterthan}
    Any ideas would be appreciated.
    Thanks
    Steve
    Edited by: [email protected] on Sep 12, 2008 8:30 AM
    Edited by: [email protected] on Sep 12, 2008 8:31 AM
    Edited by: [email protected] on Sep 12, 2008 8:32 AM
    Edited by: [email protected] on Sep 12, 2008 8:33 AM

    If you have a local html file, or open an image locally from the menu, then yes, it works, but with web pages that are served from a remote location (web server), security kicks in and prevents the web page from accessing local files (and files on a networked drive).
    you will either have to put the image on the web server and access it through http, or you can load it into the database/workspace images and access it that way.

  • How can I Display a Image with tiff format in Jpanel?

    How can I Display a CMYK Image with tiff format in Jpanel ? Not in ScrollingImagePanel? Thank you in advance.

    Why nobody can help me?I am very anxious!help me,please!

  • How do you display an image on a frame or panel?

    Can anyone tell me or point me towards a resource that explains how to display an image on a java fram or panel?
    Thanks,
    Eric

    You can create a JLabel with the image and then add the JLabel to the frame/panel.

  • How can I display three images in video rate succession (60 Hz)?

    For a structured illumination microscope application, I have developed a VI that creates three images and displays them in rapid succession (as fast as the loop will go) on a second monitor.
    From the naked eye it's pretty apparent that the loop is not displaying the images at video rate.  Is there a way (perhaps with some sort of buffer) to get them to display faster?  Is WinShow simply not going to be fast enough, and if not, what's an alternative method of displaying the images?  If it helps, the images need only be displayed once each (the loop was just for testing).
    Also, what is a way to measure the frame rate output of the images?
    (sorry for the sloppy code, new to LabView)
    Thanks,
    -T
    Attachments:
    illuminationpattern.vi ‏31 KB

    Hello,
    Why don't  you try drawing one window, call IMAQ WindShow once outside of the loop, then redraw that window each iteration within the loop.  Hopefully this stops the flutter of the window.  You can build a 3 element array of the 3 IMAQ images then use an index array to alternate through which image you want to be redrawn into the single window.  The constant calling of IMAQ WindShow seems messy.
    Regards,
    Isaac S.
    Applications Engineer
    National Instruments

  • How do I display an image in an APPLICATION

    I have the following code and I want to display an image. I figured that the easiest way to display an image was via a JLabel.
    import javax.swing.*;
    import java.awt.*;
    public class NewMain {
        public static void main(String[] args) {
            JFrame win = new JFrame("TestApp");
            win.setDefaultCloseOperation(win.EXIT_ON_CLOSE);
            win.setBounds(0,0,200,200);
            ImageIcon icon = new ImageIcon("ca.bmp");
            JLabel label = new JLabel("",icon,JLabel.CENTER);
            win.add(label);
            win.setVisible(true);
    }What am I doing wrong. I have the cd.bmp file in the source directory but I just get an empty frame when I run the program...
    PS: I get a lot of hate messages in other forums. I am BRAND new to programming anything (especially OOP). I realize I suck at this but that is why I am trying to learn.

    You need to become familar with Sun's tutorials, like this one about labels:
    http://java.sun.com/docs/books/tutorial/uiswing/components/label.html
    It has an example and code for what you want to do.

  • How can I force update image sequences?

    I am using Premiere to composite various image sequences from a 3D program, Blender.  Many times I export a draft version from Blender, import the sequence to Premiere, place it in the time line, then I find that I want to make some changes in Blender and re-render some of the frames.  Of the frames that I re-render, Premiere only updates some of them.
    I did a test where I re-rendered a section with a different background color to the scene.  In Premiere it updated the first three frames, then the fourth was the old image, 5th and 6th were new, 7th was old, 8th and 9th were new, and so on.  It did this for the entire updated image sequence, using a combination of old and new frames.
    I did the above test three times.  The first time I saw mixed frames, the second time everything imported fine, the third time I got the mixed frames again.
    If I restart premiere, then it goes through the "media pending" screen for all of my media and it then shows the correct updated frames, but that would be inconvenient to have to restart premiere every time I want to see my new frames.
    I am using Premiere Pro CS5.0.3, on a 2.66 Ghz Quad-Core Mac Pro with 8GB of RAM.  The files are located on an eSATA RAID 5 array.
    Is there a way I can force Premiere to update the frames in the image sequences?
    Does anyone else have these problems?  What do you do when dealing with many image sequences that you update frequently?
    Thanks for any help.

    Is there a way I can force Premiere to update the frames in the image sequences?
    Three choices.
    1. Don't leave Premiere open while rendering in another
    application (this is what I do).
    Overwritten files will update when you launch Premiere.
    2. Right-click your image sequence in the Project window,
    select "Make Offline...>Media Files Remain on Disk>OK.
    Then, right-click your image sequence in the Project window,
    select "Link Media...
    3. Close then re-open your project without exiting Premiere.
    File>Close (Ctrl>W), then re-open same project.

  • How could I display an image a day/week?

    Hi guys, I'm a cartoonist and mid level webdesigner. I'm trying to put together an app version of a folio/comics website. I wanted to know what my options are for putting in a new featured image per day/week. And what are my best options for delivering this type of content. Forcing them to update the latest version of the image isn't going to work very well.
    The three options as I see it, and might not be the best ones, are:
    1. Single edition app, html points at website to show updated index page with image.
    2. Multi edition app, push notification when download of new image is available.
    3. Embed all the images into a single edition version of the app, but only allow the user to see the latest image on specific calendar dates.
    What are my other options and how would I implement them for iOS?
    The only other feature I wanted was to be able to point or link people back to my webstore if they wanted to purchase prints of the image they are viewing.
    I would really appreciate all the help I can get.

    Option #1 is the way to go, and the way customers do this in DPS. A good example is National Geographic that does rich, updating, pages with photos in their monthly issues using the web overlay to point to HTML somewhere. It's the easiest way to do it.
    If you intend to submit this to Apple, a word of warning: if all your Single Edition app does is host a web control that renders your web page they are likely going to reject the app. You have to have real, rich, interactivity in the application and lots of content to navigate through as part of the app.
    Neil

  • How do you display a image in apex

    I have a trouble for a long time..
    I can't load a image in apex..
    I do a lot of things but it never give result correctly
    some could help me..
    Thank u....

    Hi,
    OK - the link I gave will explain how to upload into a table and then display images from there.
    To do this through Shared Components:
    1 - Go to Shared Components
    2 - Select Images
    3 - Click Create
    4 - In the Application option, leave it as "No Application Associated" if you want any application to use the image, or select an application if the image is for that application only
    5 - Click the Browse button, locate your image file on your machine and click Open
    6 - Any any Notes you want (this is not required)
    7 - Click Upload
    On your page, decide where you want the image to appear. This can be in a region's Source, Region Header or Region Footer OR if you want you can do this on the page template you are using. Then enter in:
    For an image NOT associated with an application:
    &lt;img src="#WORKSPACE_IMAGES#filename.gif"&gt;For an image associated with an application:
    &lt;img src="#APP_IMAGES#filename.gif"&gt;Andy

  • How not to show personal images in gallery?

    I have c5 and I have some personal images or videos..but i dont want them to show for everyone in gallery..how to do this? When I put image file in any folder in memory card it gets appear on the gallery.. Please help hoe not to show files?

    zipping is one solution i am already using it frnds..even it has option to lock files. But the case is we can easily see name of files files which are zipped even we lock them . this doesnt give complete folder lock option.
    Well I installed media safe in between somehow..But in that while importing any image or video it is showing error saying that 'unable to execute file for security reasons'. Does anybody have ans for this?
    Or can anyone suggest me other software which can be used to hide or lock personal files/folders..
    thanx for support friends

  • DW CS4 doesn't display updated images edited in PS

    Old way with DW8:
    I would change/update an image in PhotoShop – save
    over the old image – and DW would automatically
    display the new version.
    New way (DW CS4):
    I do the same as above, and DW does NOT automatically display
    the new image. I’ve tried hitting F5 (refresh) in the Files
    column, which oddly, works once in awhile – but not usually.
    I’ve tried closing out the page and re-opeing and that
    doesn’t work. And I’ve tried re-inserting the image; no
    luck. Stranger still – if I upload the new image to the
    server, the new image will show up in a live view of the page
    – yet DW continues to display the old image.
    I’m on a PC, running Windows XP (SP3)
    Any help would be appreciated…
    DB

    DaveB444 posted in macromedia.dreamweaver
    >
    New way (DW CS4):
    > I do the same as above, and DW does NOT automatically
    display the
    > new image.
    > I?ve tried hitting F5 (refresh) in the Files column,
    which oddly,
    > works once in awhile ? but not usually. I?ve tried
    closing out the
    > page and re-opeing and that doesn?t work.
    Just a long shot since I don't have CS4.
    Does it help to rebuild the site cache? In CS3 it's
    Site->Advanced->Recreate Site Cache
    Mark A. Boyd
    Keep-On-Learnin' :)

Maybe you are looking for

  • Adding a Link to a submenu

    I have been trying to add a new link to a submenu in the Oracle Portal. I can not choose, select, or delete the "users" or "groups" that I need. When I click the '+' the security section contains the groups that I believe are defaults from the submen

  • My nano wont connect to my itunes

    ever scence my brother put in his ipod to this computer it wouldnt hook up to my computer, a popup sayed that you must install a newer version of itunes for it to read ipod, so i did and it still wont connect to my computer, altho on the ipod screen

  • How to add Custom Address Book Application?

    I need add my custom address book application, so I has reading docs and wikis about convergence customization but no see clear how to. I take a dojo tutorial for change event from addres book buttons but may be are not the best practice. Somebody kn

  • Junk Mail Question

    I have my junk mail filter enabled and it appears to be working OK as far as filtering. However, I have two mailboxes and can't get the junk filter to put junk mail into the correct mailbox; i.e., all incoming junk mail is being delivered to one mail

  • Inquiry on Importing Models and JCos

    Hi! I currently have a project, which requires me to re-import a set of ABAP modules in my Web Dynpro app. In addition to this, I also need to change the JCo Model Data and Meta Data destinations for this. My questions are: 1.) Is there a way to chan