Creating A Cool Picture Gallery In Dreamweaver CS4

A very simple way to create a pretty cool picture gallery using the Adobe Extension Manager with Dreamweaver CS4.

Duration : 0:2:52


[youtube OFn4ABFNcy8]

This entry was posted in picture gallery and tagged , , , , , , , , , , . Bookmark the permalink.

25 Responses to Creating A Cool Picture Gallery In Dreamweaver CS4

  1. xyzulyon says:

    Thanks man. I …
    Thanks man. I appreciate it a lot.

  2. AdobEasyTips says:

    Oh Dreamweaver cs4 …
    Oh Dreamweaver cs4 automatically throws that up when I start adding my own code. All I was doing was adding a “break” to drop one of the images down to the next line. I’ll throw you a message with the html I used, it’s simple. YouTube doesn’t allow us to type out the code in comments.

  3. xyzulyon says:

    No, what I meant …
    No, what I meant was the list saying acronymus, address, applets, area, b ….. in your case the letter b is selected. Thanks in advance.

  4. AdobEasyTips says:

    If you mean the …
    If you mean the code and design at the same time, I clicked the button “split”. If your talking about the pop up image you can view it by using live view or testing the gallery in the browser.

  5. xyzulyon says:

    How can I get the …
    How can I get the pop-up window with the scroll bar to the right that appears at 0:58 in Dreamweaver CS4, I am looking for it but I can not find it. Please help!

  6. lordluke250 says:

    how to make it so …
    how to make it so you can press next image to more than the image already there. i have added and changed the code so my own photos will show but still only let me move across 2

  7. padillagene says:

    Hi, When I go to …
    Hi, When I go to insert I don’t have an option for TCN widgets at the bottom of the menu… how come friend?

  8. AdobEasyTips says:

    The way it works is …
    The way it works is the extension gets activated through the manager.Once you do that go to insert (at the bottom of the list you should see widgets.)

  9. DippySippy says:

    Hey thanx for …
    Hey thanx for replying…I have installed it through the extension manager …had to activate it through the command menu,,,then the extension is showen on the Snippet….The problem is how to add the extension to show in the codes…thanx in advance

  10. AdobEasyTips says:

    I see you say you …
    I see you say you used “command” on the mac. Do you have Adobe Extension Manager? Once I download an extension I will activate it through the extension manager.

  11. DippySippy says:

    cartweaver or any …
    cartweaver or any other extentions wont appear on my dreamweaver cs4 main menu..im using a mac ..i have installed and added it in command.. it appears on the snippet though…im following Lynda. c o m… tutorial to build an ecommerce site ..on the video it shows the cart weaver menu on dreamweaver which allows you to install direct to the page being created..any help welcome…thanx ..

  12. GetToDaChoppa92 says:

    What i ment was can …
    What i ment was can you make it so klicking the image will bring you to the next image instead of closing the slideshow?

  13. AdobEasyTips says:

    Yes, this widget is …
    Yes, this widget is using jquery and the framework includes a link on the bottom of the larger view to navigate back and forth.

  14. GetToDaChoppa92 says:

    Is there any way to …
    Is there any way to make so that when you klick the image it doesn’t close but simply move on to the next image?

  15. AdobEasyTips says:

    css comes through …
    css comes through again, great job!

  16. GetToDaChoppa92 says:

    Ok, just found the …
    Ok, just found the solution. Many firefox users will see their page getting left adjusted after inserting thickbox. The sollution is:
    Open css folder, then open thickbox.

    Change this CSS code under “global settings needed for thickbox”: *{padding: 0; margin: 0;}

    To this: *{padding: auto; margin: float;}

    and that should fix it :)

  17. AdobEasyTips says:

    Since you have an …
    Since you have an existing table you’ll have to use some css to adjust the position or use the ap div, it seems that this is the issue,

  18. GetToDaChoppa92 says:

    Hi there, i just …
    Hi there, i just watched your video how to make a photo gallery in adobe dreamweaver. Everything is going fine exept that when i insert the widget my webpage gets aligned to the left instead of the middle. Even tough i put the 2 standard pictures in a table that is centered everything ends up being on the left side when i preview it in Firefox :/ Help would be appreciated.
    Edit: Ap div did not work :(

  19. peterjimmx says:

    yes, you are right, …
    yes, you are right, i confuse code and names, but now is working perfekt, thank a lot

  20. AdobEasyTips says:

    I think what you …
    I think what you meant was you just used different names, because if you used different “coding” we would be working with something different than the extension.

  21. AdobEasyTips says:

    Let’s be specific …
    Let’s be specific though so their’s no confusion. The framework/code they provide I would suggest you use. But as far as the names, that can obviously be whatever you want. I kept the names and just added a number to show the simplicity.

  22. peterjimmx says:

    i did it, actually …
    i did it, actually you dont need to use the same code that they do,i used the names of the pics and it work, thaks for the link, it work perfekt…

  23. peterjimmx says:

    nop…. do i have t …
    nop…. do i have t osave the pic for web & dev, make a copy in a smaller size or something like that, or just as a jpg, and it does the res?, you see, the small one its in the menu, but when i select it, it dosnĀ“t apear, i have a loading bar, and please forgive my bad english, im mexican…

  24. peterjimmx says:

    sounds great, let …
    sounds great, let me try that, and i`ll let you now what hapend… thanks

  25. AdobEasyTips says:

    It’s hard to say, …
    It’s hard to say, make sure you don’t move the images out of any folder and also you test the index page with all the other output files in your main directory. Keep everything organized.