Skip navigation
chateau21
chateau21 Calculating status...
Currently Being Moderated

Lightbox - insert into page

May 21, 2012 10:16 AM

Tags: #image #mac #dreamweaver #images #code #lightbox #dw

Hello all,

 

I am new to dreamweaver but have successfully created most of my site.

It is an art based website (not yet live) so I have made a lightbox of images.

 

I created this in a new html page to check it all worked fine, and it works perfectly.

 

I have a template page for the header etc that is represented on each individual page - these are sepreate html pages (contact, about etc)

I simply want my lightbox to feature on my 'illustration portfolio' page but I can't work out how.

There isn't the usual <head> <body> places to paste on this illustration page only <title> and <content> and pasting the code into these places doesn't work.

 

I can only see the usual <head> <body> areas to insert code in the template page - but how do I connect this only to the illustration page?

 

Totally stuck!

I'd really appreciate any help!

 

Thanks

721 Views   5 Replies   Latest reply: Nancy O., May 22, 2012 10:28 AM
 
Replies
  • Nancy O.
    Currently Being Moderated
    1. Nancy O.,
    May 21, 2012 10:40 AM   in reply to chateau21
    Report

    You can safely add links to Lightbox Scripts & CSS files to your Template <head>.   It won't effect other pages until the the script is actually called on by the content in your <body>.

     

     

     

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:
  • chateau21
    Currently Being Moderated
    2. chateau21,
    May 21, 2012 10:54 AM   in reply to Nancy O.
    Report

    Thanks for yoyr reply nancy

    How do I add links for Lightbox scripts?

    Thanks

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    3. Nancy O.,
    May 21, 2012 10:56 AM   in reply to chateau21
    Report

    The same way you did in your lightbox TEST page.

     

     

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:
  • chateau21
    Currently Being Moderated
    4. chateau21,
    May 22, 2012 4:05 AM   in reply to Nancy O.
    Report

    Hello again,

     

    I'm a little confused, this is the first ever time I've used dreamweaver.

    All the webpages are built, but not live, but all work when previewing

    I'm not sure what you mean by the test page?

    Step by step how do I make the lightbox (in the lightbox html page) that i have made appear in just on page - the illustration portfolio html page

     

    Thanks

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    5. Nancy O.,
    May 22, 2012 10:28 AM   in reply to chateau21
    Report

    You created a Lightbox test page, right?  It works in preview, right?

    Open Lightbox test page in Code View.

     

    There are two parts to most widgets: 

    1. Code inside the <head> tags = links to supporting Scripts, external CSS files & function code to make the widget work.
    2. Code inside the <body> tags =  div tags & images.

     

    Relevant code from Part 1 goes into Template.dwt file.

    Relevant code from Part 2 goes into Portfolio.html file.

     

    HTML & CSS Tutorials - http://w3schools.com/

    Working with jQuery  -  http://docs.jquery.com/How_jQuery_Works

     

     

    Nancy O.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points