How to Use Shadow Boxes - Dreamweaver Tutorial

[TheSyberian]

If anyone have problems - by clickin u are taken to the pic in new browser's window - check the very top of yer html file - a strings near number 20 or whatever:

scrpt type="text/javascript" src="$config[dir_core]shadowbo­x.js

This string should exist (it may look different.) And make sure u have shadowbox.js file where u mentioned it to be in html. AND ALSO - for exmple anythingslider.js - a jQuery plugin - if it's installed - it breaks lightbox plugin. Such conflict also may be.

[TheSyberian]

@TheSyberian: Hah - werks nahahaice!!! And what i love thee best - AND THAT IS VERY IMPORTANT:

Shadowbox TURNS OFF ANY FLASH swf CONTENT. This necessary because swf object is in 90 percents goes as overlay - only a flash can overlay flash. And lightbox had missed that thang and look freaky and buggy.

Pace ta Einglaind! ))

"Heich tee am al" =}

[joriswisse]

thx



[jasonjohncowart]

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

[asiandawn69]

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

Peace.

[oneilldawg]

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

[commonmind]

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

[conspiritor2]

Good job kid...

[designiseva]

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~

:)

[tnwofor]

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

[tnwofor]

lol dont worry i managed to figure it out - great tutorial btw :)

[babaanaa]

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

[adobenicnacs]

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! :D

[designerartjewelry]

@adobenicnacs 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?

[adobenicnacs]

@designerartjewelry 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.

[babaanaa]

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!!

[adobenicnacs]

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.

[andrescastillo7]

works in mac? :S

[adobenicnacs]

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

[andrescastillo7]

yes, now works :)

[oneilldawg]

@andrescastillo7 it does

[BuskerDo72]

Sweet, man... thanks a bunch.

[BlueNinjaChidori]

hmm? for sum reason i did everything like you told me... yet. i am not getting a shadow box. its just taking me to the picture

[majikweb]

Thank you Daniel, it was fabulous!

[D3c3pt1kun]

Great tut, cheers

[domarco22]

Thanks, Great Tutorial.