Skip navigation
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

 
Replies
  • Currently Being Moderated
    May 21, 2012 10:40 AM   in reply to chateau21

    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:
  • Currently Being Moderated
    May 21, 2012 10:56 AM   in reply to chateau21

    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:
  • Currently Being Moderated
    May 22, 2012 10:28 AM   in reply to chateau21

    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:

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