How to Create a Photo Landing page

I have several photo galeries and would like to use them all in a single site (.mac) publishing with iWeb. The problem lays on the pages structure itself, if I have many to one I can not post all my galeries and use a thumb to call the photo album to that specific selection. I can only create many albums and they all will have the same level as other menu items (welcome, about me, blog etc...) I need to keep all my albums in a single landing page being a child to the " photos " page and from where the visitor should choose which album they will see.
Please let me know if any workaround for this issue.
Thanks in advance,
Kerberos

Sean,
Are you going to take out the "lorum ipsum"
(placeholder text) in the Photo Page menu? Also, you
need to check your links to the albums. they are not
all correct and clicking them brings me to the wrong
album.
Great start!
lori
Lori,
Thanks!! I told my wife that since I did the hard work, she gets to come up with words for the placeholder text and favorites lists underneath them. Alas I am on the road for the rest of the week and she doesn't have a copy of the site on her Mac.
I did a quick check of the links and didn't see any bad ones, that is to say each photo goes to the proper photo album. However, if you scroll slowly down the page you will notice that the mini-picture/links slowly get out of sync with their descriptions, so by the end of the page the picture/link is either beside a totally wrong description or doesn't appear to have one at all. This is an iWeb bug, since each picture has an anchor point in the text. Incidently it appears correct in iWeb itself, it's just when the page is viewed in Safari (and I assume other browsers) that the pictures appear to slowly drift from their anchors.
Sean

Similar Messages

  • How to create a template for pages in a book

    How to create a template in Pages to create camera ready pages for publishing a book?

    Nothing is "camera ready" these days, it is all digital.
    What is it you need to know, a book can take many forms.
    Does it contain color photos, spot colors, purely black ink etc?
    Peter

  • How to create a photo album in PPT- I use MS'2012 for MAC

    how to create a photo album in PPT- I use MS'2012 for MAC

    Hello pager7243,
    Thank you for using Apple Support Communities. 
    The following explains how to set up an album on your iPhone with iOS 8. 
    iPhone User Guide For iOS 8 Software
    Look at Chapter 11: Photos, Organize your photos and videos
    Regards,
    Jeff D.

  • CS6 How to create a photo gallery?

    CS6 How to create a photo Gallery?

    I like Fancybox2.  It's a big improvement over Lightbox &  the original Fancybox.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML5, with Fancybox2 Viewer</title>
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!--LATEST JQUERY CORE LIBRARY-->
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <!--FANCYBOX plugins-->
    <link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
    <script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
    <style>
    /**this styles image container**/
    #thumbs p {
        float: left;
        width: 180px;
        height: 12.5em;
        margin: 10px 0 0 20px;
        padding: 10px;
        border: 1px solid silver;
        /**rounded borders**/
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        /**this styles caption text**/
        font: italic 14px/1.5 Geneva, Arial, Helvetica, sans-serif;
        color: #666;
        text-align: center;
    /**recommend using same size images**/
    #thumbs img {
        width: 160px; /**adjust width to thumbnail**/
        height: 120px; /**adjust height to thumbnail**/
        margin-bottom: 1.5em;
        opacity: 0.75;
    #thumbs img:hover { opacity: 1.0 }
    /**float clearing**/
    #thumbs:after {
        content: ".";
        clear: left;
        font-size: 0px;
        line-height: 0;
        display: block;
        visibility: hidden;
    </style>
    </head>
    <body>
    <h1><a href="http://fancyapps.com/fancybox/">Fancybox2</a> Viewer with images</h1>
    <!--insert thumbnails with links to full size images below-->
    <div id="thumbs"> <p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 1" /></a> <br />
    Caption 1 </p>
    <p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 2" /></a> <br />
    Caption 2 </p>
    <p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 3" /></a> <br />
    Caption 3 </p>
    <p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 4" /></a> <br />
    Caption 4 </p>
    <p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120" alt="Thumbnail 5" /></a> <br />
    Caption 5 </p>
    <!--end thumbs--></div>
    <!--Fancybox with Iframe-->
    <h1>Fancybox with Iframe</h1>
    <h3><a class="fancybox" data-fancybox-type="iframe" href="http://example.com">EXAMPLE.COM</a></h3>
    <!--FancyBox function code-->
    <script>
    $(document).ready(function() {
        $('.fancybox, iframe').fancybox();
    </script>
    </body>
    </html>
    Nancy O.

  • How to create autofilter in excel page using jxl api?

    Hi Friends,
    I am using jxl api for excel generation. Its no problem
    but i need to set auto filter options. I am search in this API package but i can't find it.
    Any one know how to create autofilter in excel page using jxl api?.
    Please ..... Its urgent.... ...
    Thanks

    Hi,
    Please mail me on [email protected] if u will find any solutions, i will do the same if i will find any...
    Thank u in advance,

  • How to create tab in OAF page

    Hi,
    is it posssible to create tab button in OAF,if yes then how? If anybody knows then please let me know.
    Thanks & regards
    divya

    Hi,
    How to create HTML Tabs ON pages
    To achieve this effect in your application:
    1. Create a function for each page that you want to display.
    2. Create a menu of type "HTML Tab" for each tab you want to display.
    3. Add each function to its corresponding tab menu. Do not specify any Prompt values.
    4. Create a menu of type "Home Page."
    5. Add the tab submenus to the "Home Page" menu.
    Add the tab menus in your desired display sequence from left to right. The leftmost tab should be
    added first.
    Remember to specify Prompt values for each tab submenu. These values display as the tab text.
    6. Add your "Home Page" menu to your responsibility menu.
    7. Make sure your user has access to this responsibility before you try to test the menu.
    Please go through Dev Guide Tabs/Navigation.
    Thanks,
    Gaurav

  • How to create links to other pages i create??

    I have finished my "homepage" and it has 5 buttons on it.("home",
    "Contact us", etc.).
    I have no idea how to create links to other pages i create.
    For example, if the user clicks on "Contact us", i wnat contact information
    to appear. So, do i create another html document that will contain contact
    information and then call that page whenever the user clicks "Contact us". Or
    do i just create another applet that contains contact information and display
    the applet in the appropriate area, whenever the user clicks "contact us".
    Hope that wasnt confusing. Bascially, I am sitting here looking at my buttons, not knowing
    what code to put under the actionPerfomed part of each button.
    thanx
    trin

    ... judging from your question... the best way i think is to create another page...
    .... so when ur user clicks on Contact Us..... he/she will be taken to another page...
    there are other techniques besides this.... but it is always better to stick with the easiest one
    ... so you need to create separate pages for all of your links....
    ... if you have any questions... let me know
    .... have fun

  • When i press the new tab button I land on yahoo. I hate yahoo, how do I change the landing page for the new tab button?

    When I pressed the new tab button, I use to land on google. I downloaded something that changed my new tab landing page. I now land on Yahoo. I hate yahoo!. How do I reset my landing page so I land on google when opening a new tab in Firefox.?

    ''New Tab button brings up Yahoo, want a different page''
    First I would identify everything in about:config that refers to Yahoo.
    Then I would remove everything about the Yahoo toolbar that is left that you don't want.
    :https://support.mozilla.com/en-US/questions/850287
    As a replacement for browser.tabs.loadOnNewTab (Bug [https://bugzilla.mozilla.org/show_bug.cgi?id=269664 269664]), you may have installed: New Tab Homepage [-- https://addons.mozilla.org/firefox/addon/777 --] (7KB), or NewTabURL [-- https://addons.mozilla.org/firefox/addon/2221 --] (47KB).

  • How to create a follow up page in scripts using Duplex and Tumble Duplex

    How to create a follow up page in scripts using Duplex and Tumble Duplex in print mode of scripts ?

    Hi ,
    Set the next page property as duplex , and change the print property back to back

  • How would one link a landing page within a Campaign?

    I am trying to figure a way in which a user can be directed from my audience app on to a landing page all within a campaign.
    The landing page button does not have any connectors, like the other buttons - I can't connect it / add it to the current workflow.  Why are there no buttons displayed, how can I add the landing page to this work flow.  Please note the attached image.
    Thank you!

    Technically you can't "send" an audience to a landing page, it's on the canvas for reporting purposes only. If you link to that landing page w/in the email - it will draw a line for you connecting the lading page to the email once you click save.

  • In Muse how do I keep a landing page from indexing so it's unsearchable by Google?

    In Muse how do I keep a landing page from indexing so it's unsearchable by Google?

    Hi,
    Go to page properties-> under head section, add this,
    <META NAME="ROBOTS" CONTENT="NOINDEX">
    See the detailed guideline by Google here,
    Block search indexing with meta tags - Webmaster Tools Help
    Do let me know if you have any question.

  • How to show a photo in pages by VC?

    How to show a photo in the table or the detail in the pages generated for the Composer Appearance? Example: The user makes a search, receives as resulted a book list, he would like to show in this list an icon with the cover of each book and when clicar in the icon to open the detail of the book showing an image of the cover. How to make this in the VC? Thanks in advanced!

    - Use a "Form view", create a button there.
    - Double-click on it and create on the tabstrip "Action" a custom action "NEWIMAGE"
    - Apply to "[self]".
    - Connect the output-port of the Form view with the input-port of the HTML view
    - Click on the line between the ports
    - double-click on the field "url*"
    - enter now a formula in the formula-editor that allows you to e.g. get the url from a data-field
    (you can test it with just inserting a url in the formula like 'http://www.sap.com' - don't forget the quotes- and that is different from the default url)
    Mario

  • How to create a photo slideshow in imovie 11

    describe how to create a 200 photo slideshow from the start using imovie 11 with titles, transitions and music and then burn it to a dvd

    iMovie is to edit movies; creating a slideshow is easier in iPhoto. When finished, you can then move it to iMovie or iDVD to create a cool menu/theme and burn it.
    Here is a link to Apple support - I searched for "how to create a slideshow in iPhoto":
    http://support.apple.com/kb/index?page=search&src=support_site.home.search&local e=en_US&q=how%20to%20create%20a%20slideshow%20in%20iPhoto
    A much better alternative would be Photo to Movie (not free) - it does everything you want:
    http://www.lqgraphics.com/software/phototomovie.php

  • How to create a photo wheel

    I want to create a wheel of 8 photos with a 9th photo in the centre.  I have selected and edited the photos in iphoto but don't know how to proceed.  Can anybody help?  Is there an app I could use?  I've tried using charts in Excel, Word and Powerpoint but haven't been able to format the photos for the segments.

    iMovie is to edit movies; creating a slideshow is easier in iPhoto. When finished, you can then move it to iMovie or iDVD to create a cool menu/theme and burn it.
    Here is a link to Apple support - I searched for "how to create a slideshow in iPhoto":
    http://support.apple.com/kb/index?page=search&src=support_site.home.search&local e=en_US&q=how%20to%20create%20a%20slideshow%20in%20iPhoto
    A much better alternative would be Photo to Movie (not free) - it does everything you want:
    http://www.lqgraphics.com/software/phototomovie.php

  • How to create dom treeof html page with java

    hi, all
    i met with a problem how to create dom tree of html page wih jave, that is, given a html page, how to create a dom tree of this page with java?
    thanks in advance.
    regards
    richard

    but i m using this code to create node in html file
    HTMLLIElement li = (HTMLLIElement)appHTML.createElement("LI");
    Text txt = appHTML.createTextNode(name);
    li.appendChild(txt);
    appHTML.getElementById("name").appendChild(li);
    this will display all name value which is coming from database,
    and i want to assign a hyperlink to it,
    I have id with name also so I thought that using id i will
    create javascript like
    function popup(id)
         if(id==1)
              var n1 = window.open("../list/name1.html");
         if(id==2)
              var n1 = window.open("../list/name2.html");
    this way i want to popup particular file if i can pass id value in this function
    so want hyperlink like
    name

Maybe you are looking for