How to create and place a slideshow into an exiting webpage

I am using DW CC and want to create a slideshow and place it into an existing webpage displaying product images. My initial thought was to use Lightroom to create the HTML or Flash file and place it as an iFrame but I think that may be a clunky and outdated way to do it. Even though I've been using DW for a while, I consider myself an amateur and I'm learning as I go.
Message was edited by: STEPHANIE SMITH:
I'm actually trying to create a WebGallery in lightroom so there are thumbnail images that can be clicked to show enlarged image.

My initial thought was to use Lightroom to create the HTML or Flash file and place it as an iFrame...
No. Flash is a dead web technology because most mobile devices don't support it (iPhone, iPad, iTouch, Android, etc...).  And iframes are problematic.  So that's double-trouble.
A simple jQuery slideshow is probably all you need.  This one uses Cycle2 plugin.  Copy & paste code into a new, blank document.  SaveAs test.html and preview in browsers.  Replace images with your own.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 with Cycle2</title>
<!--help for older IE browsers-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--Latest jQuery Core Library-->
<script src="http://code.jquery.com/jquery-latest.min.js">
</script>
<!--Cycle2 Slideshow Plugin-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
<style>
/**CSS Reset**/
padding:0;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
/**Slideshow**/
.cycle-slideshow {
    position: relative;
    z-index: 1;
    width: 50%; /**adjust width as required**/
    margin:0 auto;
    text-align: center;
.cycle-slideshow img { max-width: 100% }
.center {text-align:center}
/**END SLIDESHOW STYLES**/
</style>
</head>
<body>
<h1><a href="http://jquery.malsup.com/cycle2/">JQuery Cycle2</a></h1>
<!--begin slideshow-->
<div class="cycle-slideshow"
    data-cycle-fx="scrollHorz"
    data-cycle-speed="700"
    data-cycle-prev="#prev"
    data-cycle-next="#next"
    >
<!--insert your images below-->
    <img src="http://malsup.github.io/images/p1.jpg">
    <img src="http://malsup.github.io/images/p2.jpg">
    <img src="http://malsup.github.io/images/p3.jpg">
    <img src="http://malsup.github.io/images/p4.jpg">
<div class="center">
    <a href=# id="prev">Prev</a>
    <a href=# id="next">Next</a>
</div>
</div>
<!--end slideshow-->
</body>
</html>
Nancy O.

Similar Messages

  • How to create and place two dropdowns in JSP page

    How do I create two dropdowns side by side in a JSP page? Also, hw do I place them side by side so that there's no overlapping?

    How do I create two dropdowns side by side in a JSP page?
    Also, hw do I place them side by side so that there's no overlapping?
    Also, how do I populate these dropdowns from the database and
    include them both in the final page?None of those questions has anything to do with Javascript (just like this forum has nothing to do with Javascript).
    If you want 2 select fields side by side, put them side by side in the HTML code or put them in adjacent table cells if the area they are in is forcing the second to the next line. This is all an HTML issue, nothing to do with JSP.
    For the last question, you get the database data and you write the select options dynamically based on that. Get a result set, loop thru it.

  • How to create and call a COM component in Java

    Hi All,
    can you suggest how to create and call a COM component..or if have any sample simple application can you send it to me...i will try to develop my project.
    actually i am configuring a OCR Engine using SDK which is in VB .Net when i contacted their support they told that if i have any sample COM based component Project they will help me...
    So please can you help in this.
    Thanks in advance.

    As said by my fellow posters Java Devolopment Environment (Except Microsoft implementation of JVM,this is no longer supported by MS themseleves) does not provide an built-in support to serve this cause.
    If you are looking to devolop a custom based solution the below is a good place to start with where end user is talking about Java <=> JNI <=> Native <=> COM connectivity.
    [http://bloggershetty.blogspot.com/2004/12/java-jni-com-activex-bridge-lots-of.html]
    However,if you are looking for ready made solutions ?
    Implementation any one of the solutions stated below might serve your cause.
    Open Source Solutions:
    [http://j-interop.org/]
    [http://www.danadler.com/jacob/]
    Commercial Solutions:
    [http://javacombridge.com/]
    [http://www.jnbridge.com/]
    [http://www.nevaobject.com/j2cdetails.asp?kw=java%20com%20bridge]
    [http://j-integra.intrinsyc.com/]
    Hope this might help :)
    REGARDS,
    RaHuL

  • How to create and use dynamic queue in JMS

    Plz tell me how to create and use a dynamic queue in jms and can reciever file lookup it as it lookup any server configurred queue(written in the server).

    Hi,
    We can use Azure File services to do this, for more information, please have a look at this article:
    http://blogs.msdn.com/b/windowsazurestorage/archive/2014/05/12/introducing-microsoft-azure-file-service.aspx. The Azure File service exposes file shares using the standard SMB 2.1 protocol. Applications running in Azure can now easily share files between
    VMs using standard and familiar file system APIs like ReadFile and WriteFile.
    Best Regards,
    Jambor
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

  • QUESTION:  In Elements 12, how do I join together separate slideshows into a single integrated alideshow?

    QUESTION:  In Elements 12, how do I join together separate slideshows into a single integrated alideshow?

    I hate to say this, but there is no way to put 1280X720 footage on a 1920X1080 sequence and upscale it to match the frame size without losing some quality. Basically, you are asking Premiere Pro to provide new pixels that were not in the original video. That is seldom a really good idea. You might want to try investing in program designed to upscale video. I have never used this, but there is a free trial, so give it a shot: http://www.infognition.com/VideoEnhancer/
    Of course, it all depends on the content. Try it with Premiere Pro. Only you can judge. However, you might need to consider putting all of your 1920X1080 on a 1280X720 sequence instead, and just produce your video at that size.
    Or, once again, this depends on the content, put some sort of frame around the smaller footage, either a blurred out version of the upscaled footage - lots of TV stations do this with 4:3 footage on a HD program, or purposefully make it even a little smaller, or crop it, and use parts of the same video in Picture-In-Picture. You have seen this before. A person talking on the phone in a larger frame to the left, and on the right a closeup of the mouth, or maybe a clip of the person they are talking to. Or use some B-Roll in the PiP.
    Get imaginative, because you already know that you messed up, so perhaps make it look like you did it on purpose.

  • How can i turn an iphoto slideshow into a book?

    I am wondering how I can turn an iphoto slideshow into a book?

    No - you can make a book from the same photos but not form the slide show - smiply elect the same photos (probably in the album you made the slide show from) and make a new book from them
    LN

  • How can I make an iPhoto slideshow into a DVD in Lion?

    How can I make an iPhoto slideshow into a DVD in Lion?

    If you MacBook Pro came with Lion preinstalled then you will not have a copy of iDVD.  That's because iDVD and iWeb have been discontinued by Apple and is not longer being included in iLife.
    You can purchase a copy from Amazon.com: iLive 11.
    If you do have Lion this post will self destruct in 10, 9, 8... seconds and you can follow Terence's directionsl
    As for iDVD the following is a recommended workflow to follow;
    Once you have the project as you want it save it as a disk image via the  File ➙ Save as Disk Image  menu option.  This will separate the encoding process from the burn process. 
    To check the encoding mount the disk image and launch DVD Player and play it.  If it plays OK with DVD Player the encoding was good.
    Then burn to disk with Disk Utility or Toast at the slowest speed available (2x-4x) to assure the best burn quality.  Always use top quality media:  Verbatim, Maxell or Taiyo Yuden DVD-R are the most recommended in these forums.
    OT

  • How to create and configure proxies in ADF mobile using OWSM client agent?

    Hi
    Can anyone please tell me how to create and configure proxies in ADF mobile application using Oracle Web Services Manager (OWSM) Lite Mobile ADF Application Agent. I read it in mobile document that,
    For secured web services, the user credentials are dynamically injected using ADF Mobile uses Oracle Web Services Manager (OWSM) Lite Mobile ADF Application Agent to create and configure proxies, as well as to request services through the proxies. The user credentials are injected into the OWSM enforcement context when proxies are configured.
    I am new with this OWSM, can anyone please give me some hints like how to proceed further for implementing authentication using OWSM lite mobile ADF Application Agent??
    Thanks in advance
    Raj

    Hi Juan
    The demo is very useful, and in that Shay describes about the remote login using a regular ADF webapplication as a secured one and deploying it into the server. But I would like to know how to create a local login using OWSM client agent? .
    Without creating a regular ADF webapplication, how can i call secured webservices(i.e., by using OWSM client agent how to create and configure proxies to call secured webservice, where the user credentials are injected into webservice request by OWSM client as mentioned in ADF mobile document)??
    Regards
    Raj

  • How to create and configure JMSConnection Factory programatically?

    Guys,
              How to create and configure JMSConnection Factory programatically and (<b>NOT THRU CONSOLE</b>)?
              There is an option using the JMSHepler to create the Queues.
              Is there an option to create ConnectionFactories using the same or other classes?
              anshuk

    There are no 8.1 "JMSHelper" extensions for creating conection factories (they've been added for 9.0). Instead, you can use a variety of more generic methods.
              You can create configuration scripts using WLST or wlconfig or wlshell, or make direct calls from java into WebLogic's public JMX mbean APIs (all config tools, including the console, call into these APIs).
              For a JMX example, see the implementation of the "JMSML" utility on dev2dev.bea.com. For WLST examples search for "+WLST +JMS".
              Tom

  • How to create and drop partitions automatically?

    How to create and drop partitions automatically?
    The environment is Oracle 10g(10.2.0.3) on the RHEL4.0 system.
    I want to partition the MESSAGE table by date (NUMTODSINTERVAL(1,'DAY') ). One partition per day. Because the table is huge, only 2 partitions (today and yesterday's data) are necessary to be kept online. All the partitions that earlier than the previous day will be backed up and then dropped. I want to make the partition creating and dropping jobs run automatically. How to do it?
    Thank you

    junez wrote:
    How to create and drop partitions automatically?
    The environment is Oracle 10g(10.2.0.3) on the RHEL4.0 system.
    I want to partition the MESSAGE table by date (NUMTODSINTERVAL(1,'DAY') ). One partition per day. Because the table is huge, only 2 partitions (today and yesterday's data) are necessary to be kept online. All the partitions that earlier than the previous day will be backed up and then dropped. I want to make the partition creating and dropping jobs run automatically. How to do it?With 11g, new partitions can automatically be created.
    With 10g, you need to do that yourself. I prefer to create a "buffer" of future partitions - in case the job whose task it is to add new partitions gets held up or stuck. Or the job queue is full due to some problem and it does not get the chance to execute in time.
    I dislike your partitioning criteria. I prefer using the date directly and not mangling it to something else. If a specific day has a large volume of data, then another option is to use hourly date ranged partitions. With local partitioned indexes and the date time range used for querying, this can be quite effective performance wise.
    As for partitioning maintenance - I use a custom written partitionManager PL/SQL package that provides an interface for adding daily and hourly partitions to a table. Input parameters are for example name of the table, start date and the number of partitions to add. Similarly it provides interfaces for aging partitions - again by specifying a table and a date-time to use as the starting point, back into time, for removing old partitions.
    I typically call this code from the actual application code itself - so before a new partition will be used for example, the app code will first ensure that it has a partition to use. This is safer than a separate job as the dependency is resolved where and when it is needed - and not done as a separate task.
    For example - you should have a procedure/package that provides an app the means to log a message into your MESSAGE table. As part of an autonomous transaction, this procedure can check if the required partition exists, before attempting to insert a message into the table.
    Where this approach is not possible, a DBMS_JOB can be used to create future partitions - but as I mentioned, rather have it add a bunch of future (empty) partitions in case something goes pear shape with the job mechanism.

  • How to read and write a string into a txt.file

    Hi, I am now using BEA Workshop for Weblogic Platform version10. I am using J2EE is my programming language. The problem I encounter is as the above title; how to read and write a string into a txt.file with a specific root directory? Do you have any sample codes to reference?
    I hope someone can answer my question as soon as possible
    Thank you very much.

    Accessing the file system directly from a web app is a bad idea for several reasons. See http://weblogs.java.net/blog/simongbrown/archive/2003/10/file_access_in.html for a great discussion of the topic.
    On Weblogic there seems to be two ways to access files. First, use a File T3 connector from the console. Second, use java.net.URL with the file: protocol. The T3File object has been deprecated and suggests:
    Deprecated in WebLogic Server 6.1. Use java.net.URL.openConnection() instead.
    Edited by: m0smith on Mar 12, 2008 5:18 PM

  • How to create and install a toolbar to a browser using java

    Hi all,
    Can any one guide me about how to create and install toolbar to a browser using java ??
    please any one help me about this,i am not getting any idea about this..
    Thanks and Regards
    Sandesh S

    I doubt you can. Those browser toolbars are done by implementing to an API provided by the browser. That API, I don't believe, is provided via Java. But of course, that would be entirely up to the browser, not Java.

  • How to create and execute a function whose return value is  a table

    hi folks ,
    i would like know how to create and execute a function whose return value is a table ,
    am new to pl/sql ,
    my statement for the function is
    SELECT ct.credential_code, c.expiration_date
    FROM certifications c, credential_types ct
    WHERE ct.crdnt_id = c.crdnt_id
    AND c.person_id = person_id;
    i would like to have the result of the above query as return value for the function.
    Thanks in advance ,
    Ashok.c

    hi Ps ,
    Can you please do small sample ,
    that would help me in clear understanding
    thanks in advance
    ashok.c

  • How to Create and Test a Zone of Type F1-APP-URL

    Hi,
    I would like to how to create and test a Zone of Type F1-APP-URL?
    What all is required to setup an ADF application based URL in F1-APP-URL, what to configure and what are the basics or definite steps required to have a Zone of Type F1-APP-URL up and running in the application? Any Sample ADF components to be created?
    Please kindly let me know. Any test or dummy URL existing already which is based on ADF?

    Refer to Doc. Id 1515146.1 on the support site. Although for the moment it refers to a MWM example and may not be much of a help but it'd give a basic idea as to how it should be done.

  • How to create and implement a new work schedule rule successfully?

    Dear Community,
    How to create and implement a new work schedule rule successfully?
    In other words, what are all the basic steps to create and implement a new work schedule rule successfully?
    Thanks in advance.

    Hi,
    Follow the below steps to create Work Schedule:
    Holiday Calendar
    Transaction Code: SCAL
    Holiday calendar comprises of list of paid holidays to be given to employees on festivals by the company.
    Personnel Area/SubArea Groupings
    Go to SPRO --> Time Management --->Work Schedules --> Personnel SubArea Groupings
    Maintain perosnnel area/Subarea groupings for work schedule.
    i.e. Suppose in Mumbai you have WS = GEN ( 10 to 6) and in Chennai you have WS = NORM ( 8 to 4 )
    Work Schedule
    Go to SPRO --> Time Management --->Work Schedules -->Daily Work Schedules
    Go to SPRO --> Time Management --->Work Schedules -->Period Work Schedules
    Daily Work Schedule is actually your office timings with breaks (paid /unpaid) i.e. Planned Working Time which is then included
    in Period Work Schedule to make a week ( M T W T F S S )
    Daily Work Schedule (i.e. Day) -
    > Period Work Schedule (i.e. Week)
    Work Schedule Rules
    Go to SPRO --> Time Management --->Work Schedules -->Work Schedule Rules and Work Schedules
    After doing above mentioned configurations,maintain employee group/subgroup groupings in which you have to define which calendar is applicable for which type of employees for which work schedule.
    You will maintain this work schedule in infotype 0007 - Planned Working Time of employee via transaction code - PA30

Maybe you are looking for

  • Printing in Lightroom Produces Wrong Colors

    I have searched these forums and found a couple of topics that have to do with incorrect or wrong colors being printed by Lightroom but none of the suggestions proposed seemed to help. So, I think that I have something else going on that is causing m

  • Display Issues in Premiere Pro CS4

    I'm having some weird display glitches in Adobe Premiere Pro CS4 in the timeline area. I attached a picture that shows what it looks like. This happens whenever I drag clips on the timeline and it makes it so it takes a lot longer to edit my videos.

  • Problem in subcontracting Po

    Hi gurus, I want to process some material fromsubcontractor. Problem is that material is going 2 subcontractor in Tons and coming in pieces and scrap is also returning to company. . So what process shud I follow so that all material which I sent to h

  • Can't download Oracle 9i Database Server for SUN Solaris 32 bit platform

    I was not able to download Oracle 9.2.0 DB Server for Sun Solaris 32 bit platform from OTN site this morning. Could someone please take a look at it? Thanks, Wen Davis

  • Moving text when creating an internal hyperlink

    Can someone help me figure out why my text is moving when I am creating an internal hyperlink? Please and THANK you!