Adding a breadcrumb for multiple image pages

I'm using a body class tag to highlight each page in the navigation when it loads (i.e., ".oneColFixCtrHdr photos" would change the Photos text in the nav bar from black to white when on that page). Is there also a way to do this with multiple pages within the Photos page similiar to a search engine in another div at bottom of pages (i.e., back 1  2  3  4  5  6  7 next)?
Thanks,
John

Step #1 Create pages:
Open photo gallery page1. 
SaveAs page1.shtml
SaveAs page2.shtml and so on to create all your gallery pages.
Step #2 Create a server-side include file.
Open a new blank html document in code view. Delete all code from the page and add this:
<p>1 | 2 | 3 | 4 | 5 | 6</p>
Link the numbers to your newly created gallery pages. 
SaveAs photo-menu.html
Step #3 Insert SSI into gallery pages.
Open each of your gallery pages in code view.
Place your cursor between the last image </div> and the opening footer <div>.
Paste the following code into each gallery page & save.
<!--#include virtual="photo-menu.html" -->
Upload gallery.shtml pages and photo-menu include file to your remote server to test.
NOTE: If you want to inspect server-side includes in your local browser, you'll need to install and define a local testing server such as Wamp or Xampp (see screenshot).
Finally, to add persistent menu highlighting or "you are here," see this tutorial:
http://alt-web.com/Articles/Persistent-Page-Indicator.shtml
Nancy O.

Similar Messages

  • Adding/Deleting keywords for multiple images

    Well, I'm finally paying the price for bad keyword management and I'm trying to clean up my nightmare of a system now but running into trouble.
    I'm using Lightroom 3.2.
    My workflow follows one of two types:
    1) I'm shooting something specific (soccer games) and I import the shots and immediately assign the appropriate keywords (soccer, which kid it is, which tournament it is)
    2) I've taken shots of multiple events/subjects and I haven't had time to download and organize.  I will then import with a 'file later' tag so I can easily search and keyword them later and then re-use the card.
    Well 'file later' is now about 3000 images!  Doh!
    I'm going through and properly assigning them but I'm having a lot of trouble with what I *think* should work in Lightroom.
    There are several things here:
    First, if I choose the 'File Later' keyword, it will pull up the metadata filters options on the top of the grid view.  No matter what I do, I can't make it go away.  If I do get it to go away, I wind up viewing ALL my pictures which is not what I want.
    Second, if I choose multiple pictures by ctrl-clicking or shift-clicking, It appears I can assign a keyword to multiple shots.  I cannot REMOVE a keyword from multiple shots. Lightroom seems to only want to remove the keyword from one picture at a time even if they are all selected.
    Third, the painter tool does not work...at all.  Enabling it and then selecting and applying or removing does nothing.
    So, what am I looking for here? 
    Organizing for these should be pretty easy since most are in blocks and I can apply the same keywords quickly.  However, removing the keywords one at a time is a huge pain. 
    What am I doing wrong?
    Thanks

    First, if I choose the 'File Later' keyword, it will pull up the metadata filters options on the top of the grid view.  No matter what I do, I can't make it go away.  If I do get it to go away, I wind up viewing ALL my pictures which is not what I want.
    This is the filter dialog - of course if you close it you turn back to All Photographs. Try creating a Smart Collection based on your File Later keyword - this collection will automatically populate all your images that have that particular keyword. Once you have keyworded the pictures from e.g. one particular shot, just remove the File Later-KW and those images will disappear from the collection.
    Second, if I choose multiple pictures by ctrl-clicking or shift-clicking, It appears I can assign a keyword to multiple shots.  I cannot REMOVE a keyword from multiple shots. Lightroom seems to only want to remove the keyword from one picture at a time even if they are all selected.
    I'm not sure why you can't remove keywords from multiple images - it just works fine here by selecting multiple images and delete the keyword.
    Most of the times I use the Keyword List to assign/delete keywords because in my opinion it is the easiest way - I just browse thru my list or filter for a particular kw and tick the box on the left.
    Creating a hierarchical keyword list can further simplify your work. For example the location: organize the final keyword xyz-Soccer Stadium into other keywords like Town>County>State>Country>Continent>Places, then you only have to tick the last keyword xyz-Soccer Stadium and with that assign all of those keywords in the hierarchy (I know thats kind of a complicated explanation...but I suggest you play around a bit and then you will get the full picture ).

  • Edit capture time doesn't work for multiple images

    Hi all, hope you can help me.
    I'm trying to edit capture time for multiple images. I select the images using the grid view, and go to Metadata>Edit Capture Time>Adjust to Specified Date and Time, enter the time, and select "change all." However, it seems that some, or perhaps most of the images don't actually have a new Date Created when this process is done.
    I thought perhaps I needed to select 'write metadata to files', but the Date Created seems to revert back prior to writing to the file, or indeed, it doesn't actually change in the first place.
    Any ideas?
    Thanks,
    J

    Think I've fixed this using the following site: -
    http://www.thexlab.com/faqs/helpviewer.html
    Will update if that changes....

  • Metatags for multiple images?

    I thought this was a no-brainer, but... apparently not:
    I needed to add a keyword to several pictures, so I selected them all (from a very large set), clicked the Metadata pane, and entered my keyword, and hit return.
    But it didn't stick.
    So I tried to add the keyword to ONE image, and realized that "return" didn't "enter" the keyword, only put an actually paragraph return in the keyword field. Weird, but okay.
    I then tried entering it for one image, and hitting "tab". Which made the keyword "stick".
    So, I went and selected ALL my images again (very arduous and time consuming), and then entered my keyword, and hit "tab".
    But it only assigned that keyword to the FIRST image of all the images I had selected.
    I ended up having to do "lift/stamp" and choose only "keyword" from the menu. But, am I crazy, or should the way I initially tried to do this work? I mean, it's pretty common sense, right? Select multiple images, enter keyword, and done?
    Hmmmm.
    Is there a better way to do this?
    tx,
    e

    Hi Jimbo
    The User Manual (available directly within Aperture Help, or online) has at least two mechanisms which will address your question: the +Control Bar+ and +Batch Changes+.
    The Aperture Interface > Control Bar
    http://documentation.apple.com/en/aperture/usermanual/#chapter=2%26section=7
    Working with Metadata > Batch Changing Metadata
    http://documentation.apple.com/en/aperture/usermanual/#chapter=11%26section=7
    I've been using both of these techniques, so I know they definitely work for multiple images.
    Hope this helps.
    Regards,
    Gary

  • Adjust white balance for multiple images at once?

    Is this possible to adjust the white balance for multiple images at the same time?
    Or adjust the exposure for that matter?

    Of course, this is similar to the question you asked in this thread:
    http://discussions.apple.com/message.jspa?messageID=3964192#3964192
    except use White Balance instead of Exposure. For others who might be wondering the same thing:
    1) Set the White Balance for one image.
    2) Select all of the images you want to copy the White Balance to.
    3) Type "O" to initiate the Lift & Stamp HUD
    4) Click on the image with the White Balance you want to copy with the with the L&S up arrow.
    5) In the L&S HUD uncheck all the checkboxes except Adjustments.
    6) Click on the disclosure triangle to the left of Adjustments. If there are other adjustment settings besides White Balance listed, select them and delete them with the delete key.
    7) Once all you have is Adjustments White Balance in the L&S HUD, then click the "Stamp Selected Images" button in the L&S HUD.
    -Karen

  • Can I search for multiple images simultaneously in Aperture?

    Can I search for multiple images simultaneously in Aperture?  For example, search for 'Image2.jpg, Image3.jpg, Image5.jpg' by image name, out of different folders? 

    dusan -- your best procedure is likely to be to type the first file name (without extension) in the search field of the Photos View, and then mark that file either with a Flag or a color label.  (You might clear all Flags prior.)  If you have a lot of images or a slow computer (or both ) you may have to wait a few seconds.  Aperture will show "Loading ... " on the left side of the tool strip while it churns through your images.
    Then hit backspace twice, and type "60".  Mark the file found.
    Repeat with variations.
    Then go to Flagged view, or filter the whole Photos view for the color-label you used.

  • Adding Custom Breadcrumb for SharePoint 2013 Custom Master-Page With A Custom Separator.

    Hi All,
    I have successfully converted an HTML file to a SharePoint 2013 Custom Master-Page with relevant style sheets. But when I used within the SharePoint site I could not find the breadcrumb. So I want to know how to do that? For that breadcrumb I need a custom
    separator like an arrow like in the below.
    As you can see the separator is a custom built one. To have this custom separator in my HTML I have used the following code snippet.
    <div class="breadcrumb-desktop">
    <span class="breadcrumb-links"><a href="#">SharePoint Site Home</a></span>
    <span class="breadcrumb-links"><a href="#">Sub Link 01</a></span> Active Page
    </div>
    The styles are as like in the below.
    .breadcrumb-desktop {
    width: 100%;
    font-family: Arial;
    padding: 23px 0 40px;
    float: left;
    font-size: 0.75em;
    line-height: 1.25;
    .breadcrumb-desktop > span.breadcrumb-links:after {
    content: " \203A ";
    white-space: pre;
    I have tried the following code snippet within the SharePoint site as
    <!--MS:<asp:sitemappath runat="server" sitemapproviders="SPSiteMapProvider,SPXmlContentMapProvider" rendercurrentnodeaslink="false" hideinteriorrootnodes="true">-->
    <!--ME:</asp:sitemappath>-->
    But it did not display as I wanted.
    So how am I supposed to insert these to my Custom Master-Page's breadcrumb and style them? Please could someone help me to solve this?
    Thanks and regards,
    Chiranthaka

    Hi Chiranthaka,
    Please use the following code snippet in your html master page.
    <div class="CustomBreadcrumbs">
    You are here:
    <!--SPM:<SharePoint:AjaxDelta id="DeltaPlaceHolderPageTitleInTitleArea" runat="server">-->
    <!--SPM:<asp:ContentPlaceHolder id="PlaceHolderTitleBreadcrumb" runat="server">-->
    <!--MS:<asp:sitemappath runat="server" sitemapproviders="SPSiteMapProvider,SPXmlContentMapProvider" rendercurrentnodeaslink="false" hideinteriorrootnodes="true">-->
    <!--ME:</asp:sitemappath>-->
    <!--SPM:</asp:ContentPlaceHolder>-->
    <!--SPM:</SharePoint:AjaxDelta>-->
    </div>
    Here is a thread for your reference:
    https://social.msdn.microsoft.com/Forums/office/en-US/daabd903-df98-41da-80d8-6a942d06980e/add-breadcrumb-to-custom-master-page-html-file?forum=sharepointcustomization
    We can also customize a breadcrumb control, then add it in master page.
    http://msreddysharepoint.blogspot.com/2013/01/custom-breadcrumb-navigation-in.html
    Best Regards
    Dennis Guo
    TechNet Community Support

  • Is there a way to use a single bitmapdata for multiple images with GPU mode?

    With GPU mode is there a way to bring in a single 1024 X 1024 png containing all my sprites and then slice it up into multiple display objects all refering to the original BitmapData?
    I have an app that runs in GPU mode - but I want to optimize the image management.
    I am making three sets of images in the orders of 2048, 1024 and 512 px.
    The app is a book app and each page has around 4 to 5 bitmaps. I would like to bring in one single image and slice it up - but just refer to the original bitMapData in the memory.
    Is there a way to do this - e.g. using a masking technique?
    I think it is possible using textures in direct mode - but that is not an ideal solution for me - as the app is already in the appstore - and I would have to entirely refactor it for stage3D. Also I use very large bitmaps which have some masking animations applied to them dynamically: http://youtu.be/Nm0T1jLCTz8?t=42s
    Currently, I use jpgs and a jpeg mask file for each image which I composite to get the alpha - then I scale them.
    PNGs may be better for GPU - (no compositing) but they make for a huge app file.
    Now I am converting it to use diffent sized assets depending on the device, then scaling them if need, and then compositing them for apha.  What I was hoping was to find a technique that could reduce the number of bitmapdata objects used and reduce the operations in general. 
    Any thoughts on optimizing would be appreciated.  I can add my code here if it helps.

    Tell Apple:
    http://www.apple.com/feedback/iphone.html
    We're all users here, just like you.

  • File associations in Bridge CS4 for multiple images

    After a "cache purge" my file associations got altered.  I can go into Edit>preferences> file associations and change that to photoshop; but if I click MULTIPLE images in Bridge and right click "open with" I only get Illustrator as an option.  How can I change this to photoshop as a default when trying to open MULTIPLE images?

    Ronald Keller - thank you.  I am practically in tears laughing about how something so completely simple has had me fretting for days.  Could it be my over 60 mind has completely failed me now, or is it I am just a bit rusty on using my software?  Anyway, thank you for taking the time to offer up this response!

  • How do use the same crop for multiple images.

    I have a number of images that I want to use the same crop on. Instead of go through the whole slow process for each image is there a way to use the same crop for all of the images?
    And in iPhoto there was a way to copy the adjustment settings to multiple images, I can't see how to do that in aperture.

    Use the "Lift&Stamp" tool:
    Crop one image.
    Lift the crop using the "Lift" tool.
    Select the other images.
    Stamp the crop adjustment to all of them.
    But caution: By default "Lift" will copy all Metadata tags and all adjustments, but the gps data. If you only want to transfer the cropping rectangle, deselect all lifted items but the crop adjustment before stamping.
    Regards
    Léonie

  • Recolor Image not working for multiple images

    I applied themeing and created a Themeing file under Style Lib -> en-us->Themable->spriteTheming.css
    spriteTheming.css is for recoloring image but it is only recoloring spcommon and none other files.
    spriteTheming.css looks like below:
    /* [RecolorImage(themeColor:"ContentAccent7",method:"Tinting")] */
    background-image: url("/_layouts/15/images/spcommon.png?rev=23");
    /* [RecolorImage(themeColor:"ContentAccent7",method:"Tinting")] */
    background-image: url("/_layouts/15/1033/images/spstd2.gif");
    /* [RecolorImage(themeColor:"ContentAccent7",method:"Tinting")] */
    background-image: url("/_layouts/15/images/SharePointFoundation16.png?rev=23");
    /* [RecolorImage(themeColor:"ContentAccent4",method:"Tinting")] */
    background-image: url("/_layouts/15/1033/images/formatmap32x32.png?rev=23");
    this only changes the color of spcommon.png but none of the other images gets the tint, anything I am doing wrong in this file?
    I published it, changed the look but still it does not change anyting.
    It creates the file here:
    _catalogs/theme/Themed/
    but does not display on browser
    I refer to this spriteTheming.css in master page as
    <!--MS:<SharePoint:CssRegistration Name="/Style Library/en-us/Themable/spriteTheming.css" EnableCssTheming="true" After="corev15.css" runat="server">-->
    <!--ME:</SharePoint:CssRegistration>-->
    Any help is appreciated....

    Thoughts?

  • Creating a simple Template for multiple images

    Hello,
    I work for an online company, and we deal with displaying multiple images on our site.  I've been just cropping sets and just droping them in a file and organizing them that way, but I was wondering if there is a faster way of doing this in Photoshop with Templates maybe? but it needs to be easier and faster than the process I'm using now. Any help would be greatly appreciated.

    When I read what you have written "we deal with displaying multiple images on our site.  I've been just cropping sets and just droping them in a file and organizing them that way, but I was wondering if there is a faster way of doing this in Photoshop with Templates maybe?" I don't comprehend what your doing now.   Photoshop is not a file editor however it can create files that have more then one image. Perhaps you could describe what you want to do.  What is a set, what is in the set, how many images in a set is that number always the same how do you want to crop do you have some layout in mind some size requirement?

  • Show file size in Cell Extras? (Either Compact or Expanded, or anywhere in Grid for multiple images simultaneously)

    I've searched and seen several suggestions saying to change Metadata to Exif & IPTC to see the file size, but that's for only one image at a time. Under Cell Extras (both Compact and Expanded) I see options for Megapixeps, Cropped Dimensions, File Name, Extention, and a bunch of other options, but no file size. I suspect this is because file size isn't a metadata field and simply a file attribute (that may be incorrect, but regardless...) is there really no way to have file size visible in the thumbnail cells in Grid view in the Library? I'm trying to reduce redundancy and viewing file size of multiple images at a glance based on my Library Filter criteria would be a huge help. Thanks to anyone who can help sort me out!

    Sure. I have a catalog with 22,000 images indiscriminately imported from hundreds of folders and multiple drives from this year alone (partially lost a RAID array to a corrupt index and recovered a dump of the files so I'm terribly disorganized juggling emergency redundancy backups wherever I had 50 gigs here, 100 gigs there, and working to clean up and organize my photos one year at a time ), including raw, jpg, websized jpg, png, tiff and psd (flattened and with layers/adjustments) and am now trying to identify my keepers and delete unnecessary files. I have 22 terabytes of personal files and photography spread chaotically and while I now have proper discipline when saving variants, I didn't always and want to remove unneeded, rejected, and duplicate images. I don't expect to be caught up for months or longer depending on my free time and sanity. Unfortunately, it's not as simple as keep the raw delete the rest. Sometimes I have multiple PSD documents with different version names and edits, sometimes with multiple layers, and I have to use a variety of information to identify which one is indeed the correct one to keep...or open them all/both.
    Often, file size can be an indicator for me and aids in making the decision more quickly. For instance between 2 psd files with the same Megapixles I'm often able to identify the flattened version vs the layers intact version by file size if it wasn't properly noted in the filename, which unfortunately due to a combination of bad or evolving practices and being tired or rushed happens more often than I'd like to admit. One I just came across that brought me here searching was 3 similarly named and appearing PSD files of a panorama, all with the same MP/dimensions. One was flattened, one was the original stitch, and one was flattened with a few masks, adjustments, and an extra layer, and being the one I'd want to keep. Filesize helped me quickly identify which was which. Also sometimes dimensions are misleading, like when a panorama is first created and uncropped, its dimensions are larger, but a tighter cropped image with multiple layers and a larger file size indicates to me that it is newer and more finished, even though smaller dimensions typically indicates a crop and may not be a 'master' copy. Additionally, 2 images with different names but the exact same file size are very likely duplicates (at least in my workflow) but 2 similarly looking images with the same dimensions could be retouched/not, sharpened/not, have noise reduction/not, and I'd have to view them in detail to determine if they were in fact identical. For my purposes (since these are my personal fine art images & I have the raw files incase I occasionally mess up) I'm often willing to trade an educated guess for my time. Seeing identical file sizes on 2 apparently similar images is good enough for me to delete one.
    I can select them individually and check...it's not a horrific problem. But it would save me time so I was hoping I had simply missed how to view that. My reasoning is 'why not' have the option available with all the others? Me personally, I don't care about megapixels when I already have the dimensions, that's just redundant and honestly much less helpful than LxW. File size would be an additional tool I would use, though. There are other examples but the main thing is that I do spend time checking filesize, and specifically when comparing multiple images, so having it displayed in the cell would be a time saver for me.

  • Preloader for multiple images

    I want to create a preloader which loads multiple images at a
    time.
    i tried the normal script with getBytesTotal() but it
    provides the bytes of currently loading image, so the preloader
    only works for one image at a time.
    how can i get the size of all images that i want to load ?
    Thanks

    Thanks for the help
    I can load the images in sequence one after another. But
    there are few points to be considered here.
    1. I want to display all images at once, when they all are
    loaded.
    2. I want to display only one preloader for all images while
    they are loading.
    3. I can't hardcode the size of images because images will
    keep changing for the movie. So i can't use a particular size. (and
    hardcoding the values for dynamic data is not a good coding
    practice i guess.
    Thanks

  • Show inside dynamic text the title for multiple images on mouseover

    I have 25 animated movieclips dragged on the stage and they have similar instance names for easier manipulation purposes inside programming using loops. The instance names look like this: image0, image1, image2 and so on.
    Each time I go mouseover on one of these unique images I want to show the unique title of that image using for all titles just one dynamic text container named imageTitle.
    I have succeeded to make this work image by image but this would require me to copy paste and modify for each image the following code.
    image0.onRollOver = function() {
        imageTitle.text = "First image title";
        imageTitle.textColor = 0x000000; // setting the text color here
    image0.onRollOut = function() { 
        imageTitle.text = "Choose an image";
        imageTitle.textColor = 0x000000;
    Question: The above code would work but seems redundant to me. Since I have similar instance names (image0, image1, ....,image24), how can I put this code inside a loop or something in order to work for all images without repeating this code 25 times.
    Update: I have added an array to the project that contains all the titles:
    var imagesTitles = new Array("First image title", "Second image title", .... ); 

    imageTitle.textColor=0x000000;
    for(var i:Number=0;i<imagesTitles.length;i++){
    this["image"+i].ivar = i;  // key step
    this["image"+i].onRollOver=function(){
    imageTitle.text = imagesTitles[this.ivar];  // key step used here
    this["image"+i].onRollOut=function(){
    imageTitle.text="Choose an image";

Maybe you are looking for

  • GIF Animations Not Repeating

    For some reason, GIF animations aren't repeating for me ... I see one rotation of them, then it just stays still. Which is a pain. Hoping someone knows a fix of some kind!

  • What are all those .pkg files in the Receipts folder?

    If I see files for several versions of the same, updated, program, can I delete the all but the latest file?

  • Create Resource from URL (WSDL) through corporate proxy?

    In OSB I Create a Resource from a URL (WSDL) but I get a "No resource found". Im using this service to test... http://webservicex.net/stockquote.asmx?WSDL I suspect its because it needs to route though our corporate proxy. Do I set this up in the OSB

  • Manager Process for Multiple DB's

    Hi Experts,   I am trying to understand goldengate for my setup in LAB. Currently I have the below setup and need some clarification(s). Source & Target -  2 node RAC(11.2.0.3); RHEL 6 GG Version : 12.1.2.0 On Source i have 3 databases and of them 2

  • I need to know what replacement harddrive I need for a mac book pro with the serial

    I need a little Help.  they guys at the apple store said to log on and click on the Apple Icon and enter my serial number to pull up the specs of my machine so that i can get a replacement hard drive but I'm not having any luck.  my serial number for