How can i create forward and back buttons for a dreamweaver slideshow?

Hi
I am an illustrator attempting to create a website in dreamweaver (basically it will be an online portfolio). I would like to have a box/slideshow with images of my work that someone can browse through by clicking 'next' and 'back' buttons. Does anyone know how to do this? I have been trying to find out how to do this for ages - i dont want to use flash if possible as i am worried about making the site too complicated. I know how to make swap image thumbnails, but i think my site would be more user friendly (and look more professional) if i could have next and back buttons. Would this involve complicated css code (which scares the life out of me!) or is there a relatively easy way to do it? I have got two 'dreamweaver for idiots' books, but neither of them cover this topic. Can anyone help?

If you are using CS4, there is a Command to create a Web Album... this does it automatically for you.
Otherwise, you can create this manually.  Say you have 3 pages,
page1.html  (is the index page of the album)
page2.html
page3.html
Therefore, using ordinary text links
Home would link to page1.html
Previous would link to page3.html
Next would link to page2.html
You would need to make adjustments naturally to each page as you move along with the gallery pages, changing the previous and the next links as needed.  Below is a a basic example of setting up the links in a simple table structure.  You would also then style the table layout as you see fit - yes, using css preferably  :-)
<table>
<tr>
<td><h2>MY GALLERY OF PHOTOS</h2>
<a href="page3.html">Previous</a> | <a href="index.html">Home</a> | <a href="page2.html">Next</a>
</td>
</tr>
<tr>
<td>
<br>
<a href="../images/img_2401_jpg.jpg"><img src="../images/img_2401_jpg.jpg" border=0></a><br>
</td>
</tr>
</table>
Here's an article on creating an album using the DW Command I mentioned earlier. You could create the album and then copy and paste the code into a current page if you've already designed on.,... not too difficult, I just tested it.  You do however, need to have Fireworks to process the images.
http://livedocs.adobe.com/en_US/Dreamweaver/9.0/help.html?content=WSc78c5058ca073340dcda91 10b1f693f21-7ad1.html
You could also check out the Lightbox effect which is very popular:
http://www.lokeshdhakar.com/projects/lightbox2/
Or do a google search for 'jquery'.  There are different album effects using that framework as well.
Hope some of this helps  :-)
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Book: Ultimate CSS Reference
http://www.sitepoint.com/launch/005dfd4/3/133
http://twitter.com/nadiap

Similar Messages

  • How can i create the blue "I"-Button for the Documentation in a view

    How can i create the blue "I"-Button for the documentation in a view?
    I want to prepare the button with user specified Information...
    and where must be create the documentation?
    thanks
    Edited by: DDC-TD on Apr 24, 2008 10:22 PM

    you have not mentioned where do u want the " I " information button ,
    1. If u want for a report , u can get the information button on selection-screen only .
       if u goto se38 on the mail screen u will find a radio button for documentaion ,
    when u select it and click 'create' or 'change' , an editor will open and u can document anything there ....
    2. Or specify where u want  info button .
    thanks ,
    reward points if usefull.

  • How do you use forward and back button on mouse and use "zoom" in web browser.

    Ok so apparently this forum is ruled with an iron fist or something my very honest and truthful problems with these issues seem to have been instantly deleted in my last discussion?
    I'll try this once more.
    1) How do you use the forward and back button on a mouse without having to buy a product like Steer Mouse? There must be a way to do this without having to buy a program given it's such a useful feature that 99% of users need. I don't want to spend hours researching something that should already work. Any advice?
    2) How do you zoom in for web browsers like Chrome without it globally zooming in everything on the monitor (even background applications). I don't want to zoom in background applications. I want to be able to zoom in the web browser and still maintain all the features like the side bar, not just a little magnifying glass type thing.
    I'm currently zooming in with the CTRL-Middle Mouse button, but I can't find a way to use this feature so it's useful to browse the web it seems to not scale the browser correctly but rather is a global zoom. Any solution for this?

    Thanks so much!
    Like I said I am new to Apple products so it's still unclear to me which programs I do or don't need as I'm setting up and configuring all my software and devices.
    The Logitech Control Center appears to work perfectly for what I was trying to do!
    I accidently clicked "This helped me" instead of "This Solved My Question", sorry about that this was a solve!

  • I was messing with the computer, not sure what i hit but now all my toolbars at the top of the screen are gone? (file, edit, history, tools and my forward and back button). Please help me get these settings back to the way they were?

    My file, edit, view, history, bookmarks, tools, and help buttons at the top of the screen are gone, along with my forward and back button.

    For details of how to restore it, see https://support.mozilla.com/kb/menu+bar+is+missing
    Once the menu bar is restored, you can use the Toolbars entry in the View menu to restore other toolbars such as the navigation toolbar.

  • Disabling of FORWARD and BACK Button of Internet Explorer.......

    Hello everybody,
    Can anyone tell me how to disable the FORWARD and BACK Button of Internet Explorer through JavaScript.......If possible give me the code snippet.....

    Hi
    I I tell you the answer, I suppose it means you'll be able to spend less time on JavaScript and more time on Java, so here goes:
    Open your page in a new window using window.open(...). This JavaScript takes lots of parameters, such as the page you want to display in the window, as well as settings for hiding the toolbar (which includes the forward/back buttons).
    Do a search on the net for window.open for full syntax. I think you can modify the properties of the current window if you want to stay in the same window, but can't remember the syntax.
    Note you can also disable the right mouse button by defining the following function:
    <SCRIPT language="JavaScript">
    <!--
    var message="Right-click disabled!";
    function click(e) {
    if (document.all) {
    if (event.button==2||event.button==3) {
    alert(message);
    return false;
    if (document.layers) {
    if (e.which == 3) {
    alert(message);
    return false;
    if (document.layers) {
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown=click;
    // -->
    </SCRIPT>
    I don't know how to stop the user from pressing 'Backspace' unless you use Java to monitor the navigation.
    Hope this helps

  • Disabling FORWARD and BACK Button of Internet Explorer thru JavaScript....

    Hello everybody,
    Can anyone tell me how to disable the FORWARD and BACK Button of Internet Explorer through JavaScript.......If possible give me the code snippet.....

    You can not do this in JavaScript.
    However, if you set the right response headers in the response IE will disable them:
    response.setHeader("Pragma","no-cache");
    response.setHeader("Cache-Control","no-store");
    response.setHeader("Expires","0");
    would do the trick.
    Silvio Bierman

  • Can you use the native GTK Forward and Back buttons instead of the default ones?

    Hello!
    On old versions of Firefox, the default theme always used the native GTK forward and back buttons. Ever since I updated Firefox, it overwrites these with its own arrow. Does anyone happen to know off the top of their head if it's reversible?

    It looks like the GTK theme was not updated to support versions of Firefox after version 29. Have you contacted the developer about this as well?
    Looking for a hack you may find more answers in mozillazine.org.

  • Forward and back Buttons

    I am trying to find a way to display a forward and back
    button in my generated Flashhelp so i can easily return to the
    previous topic when clicking through hyperlinks. I cannot for the
    life of me figure out if i can do it or if a need a programmer to
    do it?

    Welcome to our community, Kate
    This aspect would require changes to the skin files. Those
    changes would need to occur in the ActionScripting embedded in the
    Flash files. So the answer to whether you would need a programmer
    is that you need someone that understands how to edit Adobe Flash
    content.
    Cheers... Rick

  • Forward and back buttons greyed out, no forward or back available in right click menu either

    After upgrading to the latest FF14 the forward and back buttons and menu versions of forward and back are greyed out.
    Tried the sqllite check and it says all my databases are fine. Tried safe mode, same thing. Tried a new profile, same thing.
    Any other suggestions?

    You could have backed up your profile folder. If you did, [[Recovering important data from an old profile]] can help :)

  • I have lost the use of the 'forward' and 'back' button

    On Win 7 I have lost the use of the forward and back button - both are greyed out - except on this page ??? when I leave this page the greyed out appears on all tabs or links in use. I am using Firefox 3.6.16. To get to this page I have 7 tabs open at present and all ( except this one - odd! ) are greyed out.

    A possible cause is a problem with the file places.sqlite that stores the bookmarks and the history.
    *http://kb.mozillazine.org/Bookmarks_history_and_toolbar_buttons_not_working_-_Firefox
    See:
    *http://kb.mozillazine.org/Firefox_crashes
    *https://support.mozilla.com/kb/Firefox+crashes
    If you have submitted Breakpad crash reports then post the IDs of one or more Breakpad crash reports (bp-xxxxxxxx-xxxxxxxxx-xxxx-xxxxxxxxxxxx).
    You can find the IDs of the submitted crash reports on the <i>about:crashes</i> page.
    You can open the <b>about:crashes</b> page via the location bar, like you open a website.
    See:
    *http://kb.mozillazine.org/Breakpad (Mozilla Crash Reporter)

  • Forward and back buttons wont work

    I'm runnung Tiger 10.4.5 and Safari 2.0.3, for some reason the forward and back buttons won't "activate" or work. Everything else is fine. There is nowhere I can download a new copy of 2.0.3. Any help is appreciated.

    System Preferences -> Keyboard & Mouse -> Mouse Tab
    Anything there?
    If not have a look at: http://www.usboverdrive.com/
    iFelix

  • I have a windows computer. How can I create apps and put them on itunes?

    I have a windows computer. How can I create apps and put them on itunes?

    You can't. The iOS SDK requires Mac OS X and an Intel Mac; Windows applications can't be put on either the iOS or Mac OS X App Stores.
    (82889)

  • In Firefox 3.6.10 I was able to go forward and backwards between pages without the page defaulting to the top of the page. Is there any way to prevent the page from automatically moving to the top when using the forwards and back buttons in Firefox Four?

    I like to be able to navigate backwards and forwards without having to scroll down and find where I was previously. In Firefox Four, when using the forwards and back buttons, the page will automatically return to the top of the page. Is there any way to change this setting in Firefox Four to prevent it from doing that?

    Thanks for the response. No Time Machine, but I probably have a backup from a few months ago on an external hard drive. :/ I guess it'd have useful history, but not if it overwrote the last 3 months or so of Awesome Bar, that might not be so great.

  • Forward and Back Buttons Don't Work

    Greetings,
    My forward and back buttons on the mouse don't work in PSE 7. Instead I always have to click the forward or back buttons on the toolbar, or use keyboard shortcuts (alt+left arrow or alt+right arrow).
    Does anyone else have the same problem?
    Thanks,
    Shane.
    Photoshop Elements 7
    Windows Vista Home Premium SP2

    This is working for me. The forward and backward buttons on the toolbar would work only with pressing of Alt button i.e. Alt+Left arrow.
    Suppose you are in Single image view, and press left and right arrow keys, application would switch to previous and next photo respectively.
    Please let me know if you have other concern.
    ~Sourabh

  • How can i create PR and if there is some change in the PR due to wrong calc

    Dear all,
    I wanted to know how can i create PR, and is that simple? Ok, while creating PR, when i will come to know that stock entered here is less that the actual stock that was mentioned, but due to some error, how can i change it, how is that possible?

    1981,
    You have posted this question in the wrong forum.  Such topics are covered in the MM forum
    SAP ERP - Logistics Materials Management (SAP MM)
    You can easily create a new PR in ECC using transaction ME51N
    You can easily change an existing PR in ECC using transaction ME52N.
    Best Regards,
    DB49

Maybe you are looking for

  • Radeon x1600 card ram bad

    My computer has had some unpredictable display freezes. TechTool Deluxe says the VRAM tests failed. Is there any replacement for the video card on this iMac? Or do I can I just get new VRAM to put on the card?

  • How can i know the version of autoconfig ?

    hi I am on 12.1.1 to determine my autopatch version i used Note 390666.1 i ran SET head off Lines 120 pages 100 col n_patch format A10 col bug_number format A10 col patch_name format A10 spool LACF_ptch_level.txt select ' LACF ' FROM dual; select bug

  • Auto deployment of native libraries

    i want to be able to put <a native library> inside my <war file>, is there a way for the webapp server to automagically put the native library in the correct place?

  • What are the differences between inactive and active ABAP objects?

    Can anybody tell me what are the differences between inactive and active ABAP objects? In my opinion,  an active object is compiled and system wide available, that means the system do not have to compile the program again before run or use the object

  • Sales Order Costing-Information/Message

    Dear All, At the time of sales order costing, if the Component Cost(material Cost) is 70% of Total cost , SAP system should display information or warning message. Please give your valuable suggestion