What are the different options for creating a slide show of images in database in Dreamweaver 5?

Hi, I created slideshows in Bridge, and they all work very well. They are exactly what I had in mind, but it was the only solution that I could find that I understood. My knowledge of web design is minimal at most. I enclose the slideshows on my html site using iframes, but it won't load properly in Safari.

I have included the code at the bottom of this post.

The code dealing with the slideshow and IFrame in question are towards the bottom of the document, I have them marked in bold. All styles regarding the < div > locations and these are on a separate style sheet, I don't know if you need to troubleshoot.

I was wondering if someone could clue me in what I can do with this code to make this slide show work properly in safari. I've checked chrome and load it properly. Not sure about other browsers, I do not have access currently.

I also wonder if there is another way I can create a slideshow using CSS5. This slideshow is fine, but I was also looking to include text - image names and descriptions - without having to edit each image in Photoshop to include the text.

Thank you for your time, any help would be appreciated.

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

" < html xmlns =" http://www.w3.org/1999/xhtml ">

< head >

< meta content = "creator/artist" name = 'Ryan Olsen' / > < name meta = "keywords" content = "Ryan Olsen, artist, painting, drawing, dark fantasy, landscape, seascape, pair, Connecicut, NYC" / > < name meta = "description" content = "The collection of art by Ryan Olsen" / > "

< meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

Studio < title > Ryan Olsen < / title >

< script type = "text/javascript" >

function MM_swapImgRestore() //v3.0 {}

var i, x = offline. MM_sr; for (i = 0; a & & I <.) Length & & (x = a [i]) & & x.oSrc; i ++) x.src = x.oSrc;

}

function MM_preloadImages() {//v3.0

var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();

var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)

If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}

}

function MM_findObj (n, d) {//v4.01

var p, i, x;  if(!d) d = document; If ((p = n.IndexOf ("?")) > 0 & & parent.frames.length) {}

d = parent.frames [n.Substring(p+1)] .document; n = n.Substring (0, p) ;}

If (!) () x = d [n]) & & copyrights) x = d.all [n]; for (i = 0;! x & & i < d.forms.length; i ++) x = d.forms [i] [n];

for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj (n, d.layers [i] .document);

If (! x & & d.getElementById) x = d.getElementById (n); Return x;

}

function MM_swapImage() {//v3.0

var i, j = 0, x, a = MM_swapImage.arguments; document. MM_sr = new Array; for (i = 0; i <(a.length-2); I += 3).

If ((x = MM_findObj (a [i]))! = null) {document. MM_sr [j ++] = x; if(!x.oSrc) x.oSrc = x.src; x.SRC = a [i + 2] ;}

}

< /script >

< link href = "ryanolsenstudios.css" rel = "stylesheet" type = "text/css" / > "

< script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "

< link href = "SpryAssets/SpryMenuBarVertical.css" rel = "stylesheet" type = "text/css" / > "

< / head >

< body = onload "MM_preloadImages (" images/gallerytabroll.jpg','images/transformativeroll.jpg','ima ges/landscapesroll.jpg ','... /ryanolsenstudios/illustrationstab.jpg','images/illustrationrol l.jpg','images/bioroll.jpg','images/petportraitroll.jpg','images/sparklessroll.jpg'")" >

< div id = "Sideupward" >

< div id = "header" >

< img src = "images/name.jpg' width ="1057"height ="87"alt ="name"/ >"

< / div >

< div id = "banner" >

< img src = "images/features" width = "1158" height = "155" alt = "banner" / > < / < / div > "

< / div >

< div id = "navigationalmenu" >

< div id = "gallerytab" >

< ul id = "MenuBar2" class = "MenuBarVertical" >

"< li > < a class ="MenuBarItemSubmenu"href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage ('Gallery tab',", ' images/gallerytabroll.jpg', 1) "> < img src =" images/gallerytab.jpg"alt = name of the 'Gallery' = width of the tab 'Gallery' ="252"height ="72"border ="0"class ="MenuBarItemSubmenu"id ="Gallery tab"/ > < /a >"

< ul >

"< li > < a href ="transformative.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('transformation',", ' images/transformativeroll.jpg', 1) "> < img src =" images/transformative.jpg "alt ="transformative"name ="transformative"width ="174"height ="53"border ="0"id ="transformative"/ > < /a >

"< li > < a href ="landscapes.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('landscapes'", ' images/landscapesroll.jpg', 1) "> < img src =" images/landscapes.jpg ' name = 'landscapes' width = '174' height = "53" border = "0" id = "landscape" / > < /a > < /li >

"< li > < a href ="illustrations.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('illustrations'", ' images/illustrationroll.jpg', 1) "> < img src =" images/illustrations.jpg "name ="illustrations"width ="174"height ="53"border ="0"id ="illustrations"/ > < / has >

< /li >

< li >

"< a href ="petportraits.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('portrait animal'", ' images/petportraitroll.jpg', 1) "> < img src =" images/petportrait.jpg "alt ="pet portraits"name ="pet portrait"width ="174"height ="53"border ="0"id ="pet portrait"/ > < /a > < /li >

< li >

"< a href ="sparkless.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('voddy'", ' images/sparklessroll.jpg', 1) "> < img src =" images/sparkless.jpg "alt ="voddy"name ="voddy"width ="174"height ="53"border ="0"id ="voddy"/ > < /a >

< /li >

< /ul >

< /li >

< /ul >

< / div >

< div id = "showstab" >

"< a href ="shows.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('showstab',", ' images/showsroll.jpg', 0) "> < img src =" images/shows.jpg "alt = name 'shows' ="showstab"width ="252"height ="72"border ="0"id ="showstab2"/ > < /a >

< / div >

< div id = "home" >

"< a href ="home.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('Home' tab,", ' images/hometabroll.jpg', 0) "> < img src =" images/hometab.jpg "alt = name of home' = width of the"Home"tab ="252"height ="72"border ="0"id ="hometab2"/ > < /a >

< / div >

< div id = "biotab" >

"< a href ="bio.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('bio',", ' images/bioroll.jpg', 1) "> < img src =" images/bio.jpg ' alt = 'bio' name = 'bio' width = "252" height = border "72" = "0" id = "bio" / > < /a >

< / div >

< / div >

< div id = "deformation" >

" <! - Facebook Badge START – > < a href =" https://www.Facebook.com/WARSPIT "target ="_TOP"style =" font family: & quot; big lucida & quot; tahoma, verdana, arial, without serif; do-size: 11px; do-variant: normal; make-style: normal; make-weight: normal; color: # 3 b 5998; text-decoration: none; "" title = "Welcome to the WAR" > welcome to WAR < /a > < br / > < a href = " https://www.Facebook.com/WARSPIT " target = "_TOP" title = 'Welcome to the WAR' "> < img src =" https://badge.Facebook.com/badge/515768845136977.2357.1022321304.png "style =" border: 0px; " "" "/ > < /a > < br / > < a href =" https://www.Facebook.com/Advertising "target ="_TOP"style =" font family: & quot; " great Lucida & quot; Tahoma, verdana, arial, without serif. do-size: 11px; do-variant: normal; make-style: normal; make-weight: normal; color: # 3 b 5998; text-decoration: none; "title =" make your own badge! " ' > promote your Page too < /a > <! - Badge Facebook END - >

< / div >

< div id = "kaweynui" >

" <! - Facebook Badge START – > < a href =" https://www.Facebook.com/ryanolsenstudios "title = 'Ryan Olsen Studios' style =" font family: & quot; big lucida & quot; tahoma, verdana, arial, without serif; do-size: 11px; do-variant: normal; make-style: normal; make-weight: normal; color: # 3 b 5998; text-decoration: none; "" target = "_TOP" > Ryan Olsen Studios < /a > < br / > < a href = " https://www.Facebook.com/ryanolsenstudios " title = 'Ryan Olsen Studios' target = "_TOP" > < img class = "img" src =" https://badge.Facebook.com/badge/572127626212351.1710.552992230.png "style ="border: 0px;" "alt =" "" / > < /a > < br / > < a href = " https://www.Facebook.com/Advertising "title = "Make your own badge!" style ="font family: & quot; large lucida & quot; tahoma, verdana, arial, without serif; do-size: 11px; do-variant: normal; make-style: normal; make-weight: normal; color: # 3 b 5998; text-decoration: none;" "target = '_TOP' > promote your Page too < /a > <! - END Badge Facebook - >

< / div >

< div id = "ryaninstagram" >

" < a href =" http://Instagram.com/ryanolsenstudios "target ="_new"> < img src =" images/instagram - glyph.jpg ' width = '112' height = "144" alt = "instagram" / > < / a > "

< / div >

< div id = 'Gallery' >

< iframe src = "" Transformative / index.html "width ="1003"height ="834"frameborder ="0"name = 'Gallery' >"

< / iframe >

< / div >

< / div >

< script type = "text/javascript" >

var MenuBar2 = new Spry.Widget.MenuBar ("MenuBar2", {imgRight: SpryAssets/SpryMenuBarRightHover.gif"}" ");

< /script >

< / body >

< / html >

Take a look here Jquery slideshow tutorial for beginners | WEBTUTS

Tags: Dreamweaver

Similar Questions

  • I use PE 13, what are the best settings for viewing a slide show on a TV

    I set up a slide show of my drawings for display on a TV.   The images are color JPEGs.   What primary settings work best for the project when it comes to watching a slideshow of images on an HDTV?   I know how to change the properties of the project, but I don't know which of the formats and options will work best to turn slideshow into a video clip.

    Genetrump

    First 13 items on what operating system? You have 13 to 13.1 updates, using Help Menu/updates to date of an open project?

    Your question immediately... assuming you have a NTSC installation...

    1. What are the dimensions in pixels of your JPEG files, and how many of them are there? Depending on the resources of the computer, how many JPEG files, and what pixel dimensions, try to use 1920 x 1080 format JPEG and the project preset elements 13/13.1 first is NTSC, DSLR, 1080 p, DSLR 1080 p 30.

    2. what type of player is has your HD TV?

    (a) if only one DVD, then your destination drive is drive DVD/record/Publish + share with preset = NTSC_Widescreen_Dolby DVD. Video set for display at 872 x 480 after encoding.

    (b) if player Blu - ray, then the publish + share/disc/AVCHD (which are a DVD disc)... can be 1920 x 1080 @ 23,94 progressive frames per second (H.264 1 920 x 1080 NTSC Dolby)

    (c) if the Blu - ray player, then publish + share/Disc/Blu-ray disc... can be 1920 x 1080 @ 23,94 progressive frames per second (H.264, 1920 x 1080 p NTSC Dolby).

    I assumed you wanted a product of disc? If your HD TV player takes support other media of the video file, what are the formats on which media supports?

    With this information, I will propose Publish + share/computer/specificities for export to files.

    Please review, study and give more details.

    Thank you.

    RTA

  • What are the best options for the composition of math in InDesign CS4?

    What are the best options for the composition of math in InDesign CS4?

    I tried a few versions of the composition of mathematics test. All have their advantages and disadvantages, but I can't decide on which the plugin/script will be the best in the long run (in taking account of the ePub and MathML).


    So far the two best seems to be InMath (if it becomes compatible CS4) or Math + Magic Pro.


    The biggest pro of InMath is editable on the screen, but it seems to have some risk: http://InDesignSecrets.com/InMath-update-with-new-reader-functionality.php


    Math + Magic Pro works well with CS4, but need of equations to modify in the window of their plugin, and because they are EPS format. The file size and the ability to work with a digital player disappeared.

    And MathType seems pretty useless...

    Someone at - it had positive experiences?

    Not exactly the kerning, but you can move blocks wherever you want with the arrow keys. And you can change the spacing between the elements by changing the spacer between them. There are also defects of spacing.

    Batch edit can be something again. I use 6.0, and I see that the most recent version is 6.5.

    I had problems with files EPS of Mathtype, which may include a preview, but do not include fonts. So, I opened each equation of the word with my default settings (they automatically change the default fonts, spacing, size, etc.), copy, paste in Illustrator and save as have. So when I'm finished, my equations are always vector (if that's what you mean by text).

    Microsoft has chosen to implement a version of Mathtype dumbed-down as the editor of Word equations for many years. So for me at least, long term has already been decided. There are several things wrong with Mathtype, but given the choice between the use of Mathtype to * convert * equations and using InMath or mathemagiques to * recreate * equations, I'll take Mathtype, warts and all.

    Ken Benson

  • What are the best practices for creating only time data types, and not the Date

    Hi gurus,

    We use 12 c DB and we have a requirement to create the column with datatype of time only, if someone please describe what are the best practices for the creation of this.

    I would strongly appreciate ideas and suggestions.

    Kind regards
    Ranjan

    Hello

    How do you intend to use the time?

    If you are going to combine with DATEs or timestamps from a other source, then an INTERVAL DAY TO SECOND or NUMBER may be better.

    Will you need to perform arithmetic operations on time, for example, increase the time to 20%, or take an average?   If so, the NUMBER would be preferable.

    You are just going to display it?  In this case, DAY INTERVAL in SECONDS, DATE or VARCHAR2 would work.

    As Blushadow said, it depends.

  • What are the different options to automate planning Sun relies.

    Hello

    Can you offer different options for planning 9.3.1 and 11 x.

    Thank you
    Vince

    Want to know where to get all?

    Contour utility loader and loader batch are already available with the installation of the V11, they are command line utilities, have a look through the V11 documentation for details on how to use them.
    ODI / DIM can be downloaded from Oracle delivery or here and here
    HAL if you do not have a license so there is no point.

    Ok?

    See you soon

    John
    http://John-Goodwin.blogspot.com/

  • What are the different types of tools available for the siebel file cleaning

    Hi all

    Please let me know what are the different types of tools available for siebel file system cleaning.

    Thanks in advance
    Remy

    assuming that you have installed the Siebel server under d:\D:\dba81

    CD D:\sba81\siebsrvr\bin

    (1) mode considered
    sfscleanup.exe/u SIEBEL-USER /p /C SIEBEL-word of PAST SIEBEL-DATA-SOURCE /d SIEBEL-OWNER of the TABLE/f SIEBEL-LEADER-SYSTEM/m SIEBEL-FILE-SYSTEM-FOR-INCORRECT_FILES/r Y/x 'D:\sba81\siebsrvr\log\sfscleanup_report.log '.

    (2) actual performance
    Replace/r Y, N/r

    Best regards
    EvtLogLvl

  • What are the network requirements for the remote server of the Panel?

    What are the network requirements for the remote server of the Panel?

    I tried for awhile now to set up a Control Board.  I can connect to my remote panel of computers from other computers on my local network but nowhere else.

    Whenever I use web publishing tool gives me a URL in this format: Http://Computer-Name.Corporate-Name.local:8086 / VI - nom.html apparently it means I have a local DNS server and this URL is meaningless to the public.

    When I try to connect with the Operate > Connect to... remote control, I get this error message:

    "Connection to Server remote panel...".
    "Connection refused by the server remote control specified: make sure that the LabVIEW Web server is enabled on the specified server.

    I got the same error when I tried to host a remote panel from my laptop at home, on my Wi - Fi.  Is there some network settings or firewall I'm not seting?  Would it be my server or the router or the private network?

    My goal is to be able to host remote panels of my laptop while I'm on the international scene, creating using 4 G internet mobile.  Is it still feasible?

    As he Turners on my router had to be put in place so that my Port is in the rage of transfer.  Also I had to disable DHCP.  Without that you cannot host behind a router.

    These are the instructions I put fallow:http://digital.ni.com/public.nsf/allkb/B1E9A3D78BAED949862573AD0065D4D2

  • What are the different ports used by BTA?

    Having recently had 'fun' to getting a load agent working in our secure local network, I was wondering if someone could clarify what are the different ports to/from?

    I am aware of the following:

    9001 actually mentioned when you configure a load agent
    1099 mentioned when you configure a data collector
    1098 -? necessary for the agent to load (I would hazard a guess to this also being the collector of linked data)
    4444 -? necessary for the agent to load
    7071 -? necessary for the agent to load

    I had also the following ports was told by looking at similar issues (but they didn't need opening in my recent exercise):

    7073
    8083
    8088

    I also suggested that information added to the knowledge base article (Doc - ID: 787226.1) because they may need to open on the firewall.

    Ian

    Oracle.port.RMI = 4444
    Oracle.port.http = 8088
    Oracle.port.empstart = 9001
    Oracle.port.uil2 = 7071
    oracle.port.dataCollector = 7073
    Oracle.port.WebService = 8083
    Oracle.port.JNDI.rmi = 1098
    Oracle.port.JNDI = 1099
    Oracle.port.HTTPS = 8433

    You can change the ports

    - \EmpAppServer\server\default\conf\oracle.propertie

    The following ports are used between load tests of Oracle for Server Web Applications and the Machine of the Agent itself:

    * 9001 (the agent communication port)
    * 1099 (Datacollector Comunication Port)
    * 8088 (for running scripts OpenScript)

    Concerning

    Alex

  • 15.0.1 Firefox what are the system requirements for Mac?

    I use Mac OS 10.6.8 and I can't install Firefox v 15.0.1. What are the system requirements for this new version of Firefox running on a Mac?

    Firefox should work fine on Mac OS X 10.6.8

    See:

    If he has problems with the update or the permissions then simpler is to download the full version and trash the version currently installed to do a clean install of the new version.

    Download a new copy of the Firefox program and save the file on the desktop disk image (dmg)

    Your profile data is stored in the Firefox profile folder, so you will not lose your bookmarks and other personal data if you uninstall and (re) install Firefox.

  • What are the original applications for the iPhone 6 s. I had to sync to my iPhone 3g to my new 6s in order to maintain my contacts. can someone please send screenshots of an iPhone running 6s with applications shown. I need pages outside the home page.

    What are the original applications for the iPhone 6 s. I had to sync to my iPhone 3g to my new 6s in order to maintain my contacts. Unfortunately, I lost a lot of these new applications. can someone please send screenshots of an iPhone running 6s with applications shown. I need pages other than the home page. Thank you!

    'Stock' apps are part of the installation of iOS and cannot be removed, so there is nothing to verify or prove.

    When you move to a new phone, just need restoring your old backup phone and compatible applications will be synchronized to the new.

  • What are the CSS selectors for the main Menu of FireFox 4?

    What are the CSS selectors for the main Menu of FireFox 4?
    http://img228.imageshack.us/img228/5512/ff4menubar.gif

    Always the same as in Firefox 3.5 and 3.6 versions:

    #main-menubar
#file-menu
#edit-menu
#view-menu
#history-menu
#bookmarksMenu
#tools-menu
#helpMenu

  • What are the best deals for an iPad?

    What are the best deals for an iPad?

    That best meets your needs. We do not know what those needs are, it is really not possible to say which cases would be best for you.  I would recommend that search you Amazon for the type of case (business keyboard, leather case, etc.) in which your interests and then read the comments for those who is very much appreciated.

  • What are the startup keys for installation on flag 505 b MT

    What are the startup keys for installation on flag 505 b MT

    Randy Rich

    Randy, welcome to the forum.

    If you are wanting to get into the BIOS, you can type the F10 key during startup.  You can find this information in the section of the manual under the illustrated parts and Service card.

    Please, click on "Thumbs Up +" if I helped you and click "Accept as Solution" If your problem is resolved.

  • Where and what are the registry keys for profiles

    Where and what are the registry keys for profiles. There is a new virus/malware, which is destroy the profiles. It is not only for machines XP, but all operating systems Windows which is destroyed.

    Hi PennyLang,

    ·         What exactly is the problem you are having?

    ·         What is the antivirus installed on the computer program?

    You can run the Microsoft Safety Scanner to check the infection by the virus. Check out the following link.

    Microsoft Safety Scanner - free online tool for PC health and safety

  • What are the optimal values for mac and arp timeout values

    Hi guys.

    What are the best values for 'mac address-table-time of ageing' and "arp timeout" by following scenarios? :

    -single sg300-10 as hosts Layer 3 - with a maximum of 10 local switch (directly connected)

    - and a 3750 x-stack with 100 local hosts + hsrp with a battery of the same kind

    or for asa 5520 as internet gateway for 500 customers?

    I use now a time of aging mac 300 seconds and a time-out of the arp of 3600 seconds.

    Is - this okay.?

    Thank you.

    These values should be fine. I don't know why the switch is layer 3 since you have of the 3750 and the ASA5520. If you start to see overflow errors, you should consider using the layer 2 switch.

    -Tom
    Please mark replied messages useful

Maybe you are looking for