How to Use Shadow Boxes – Dreamweaver Tutorial

How to Use Shadow Boxes - Dreamweaver Tutorial

In this tutorial I show you how to use the popular shadow box. Watch in HD for clearer code view.

Don’t forget to check out our other video tutorials or share this video with a friend.

1 Star2 Stars3 Stars4 Stars5 Stars 0 votes
Loading... 2,690 views





22 responses to “How to Use Shadow Boxes – Dreamweaver Tutorial”

  1. Felician Galgau says:

    Americanii creeaza website-uri, olandezii construiesc masini zburatoare, italienii fac autostrade moderne…SISTEMUL DIN ROMANIA…manipuleaza calculatoarele, intercepoteaza telefoanele,manipuleaza oamenii…SISTEM DICTATORIAL FASCIST….tiganii Uniunii Europene…GUNOAIE FASCISTE

  2. pratik emon says:

    how can i make image gallery?

  3. adobenicnacs says:

    In theory Shadowbox will definitely work with other designers. After all, all you are implimenting is some css and javascript code, so as long as your editor supports developing using these languages, you should be fine. Dreamweaver is only acting as a Graphical Interface to type the code in, and because I don’t use any of the design tools, providing you places the files in the correct places, you could code this in notepad.

  4. designerartjewelry says:

    You made a great clear tutorial, but whatabout using Shadowbox with a program like Sharepoint Designer, Frontpage, or Web Expression 4? Not everone uses Dreamweaver. Will Shadowbox work with Sharepoint Designer or Frontpage? Although the Shadowbox instructions are very clear and self explanatory, I just could not get it work on my web editor. Not everyone has Dreamweaver. Do you know if it works with other web editors?

  5. joriswisse says:

    thx
    

  6. jasonjohncowart says:

    I cannot seem to get this to work. i am trying to place my images/video etc in AP divs. Will this work with AP divs? Also, I have 2 other scripts in the page. Are they tripping each other up? Any help would be greatly appreciated

  7. jasonjohncowart says:

    I cannot seem to get this to work. i am trying to place my images/video etc in AP divs.  Will this work with AP divs? Also, I have 2 other scripts in the page. Are they tripping each other up? Any help would be greatly appreciated

  8. asiandawn69 says:

    Thanks for taking your time to make this video :D! I made the bastard work:D!

    Peace.

  9. oneilldawg says:

    @adobenicnacs hey when i make the images within folders the images wont load…even though i specify the directory

  10. oneilldawg says:

    it does

  11. commonmind says:

    Very well done for such a youngster. Keep up the good work, and good luck on getting more subscribers!

  12. conspiritor2 says:

    Good job kid…

  13. designiseva says:

    Hi This is a user from hong kong,
    I can already did the fuction u teach in the video,
    But I would like to know how to build a gallery, non single image,
    Would you tell me how by leaving me back comments?
    Thanks for help~
    🙂

  14. tnwofor says:

    lol dont worry i managed to figure it out – great tutorial btw 🙂

  15. tnwofor says:

    its works great with normal images but im trying to use shadowbox with a roll over image and im having a hard time knowing where in the html code to put the rel=”shadowbox” – any clues? would really appreciate the help, thanks

  16. adobenicnacs says:

    The picture needs to be either on your web server or hosted online from another site (such as flickr). When you come to host your website you must upload your file to your server instead of having it on your computer. If you want to use an image from flickr copy the image url and paste it where we put the file path of the image on our computer. Did that make sense? I hope so! 😀

  17. adobenicnacs says:

    I am not using a plugin. It could be a problem with your browser. Make sure things such as javascript are turned on, and if it still fails try switching to the Google Chrome browser as used in the video.

  18. babaanaa says:

    Also do the pictures have to be from the web or can they be on your computer? such as flckr or such? thanks again

  19. babaanaa says:

    I did everything you said and it takes me straight to the pic with no shadow or effects! please let us know if you are using some kind of plug in or if you have a special size or something thanks!!

  20. Andrés Castillo says:

    yes, now works 🙂

  21. adobenicnacs says:

    In theory yes. I do not own a mac so I can’t test this, but I am nearly 100% yes.

  22. Andrés Castillo says:

    works in mac? :S

Leave a Reply

Your email address will not be published. Required fields are marked *