How do I add images to the jquery slider provided in Dreamweaver CC?

I have inserted the slider using the DW CC Insert > JQueryUI > Slider, but find no Properties options to add images to it. Is there a missing interface for that or some tutorial? Can't find anything. I'm not a coder, which is why I use DW.
Thanks,
Jack

I've never used the widgets in DW because honestly the code seems very bloated for such a simple task.  By comparison, the code for jQuery Cycle2 is very light and easy to understand.   Copy & paste this into a new, blank document.  Change images to your own.  SaveAs cycle-test.html. Preview in your browsers.
<!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**/
margin:0;
padding:0;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
/**Slideshow styles**/
.cycle-slideshow {
    width: 500px; /**adjust width as required**/
    margin: 0 auto;
    text-align: center;
    position:relative;
.cycle-slideshow img { max-width: 100%;; display:block; vertical-align:baseline; }
</style>
</head>
<body>
<!--begin slideshow-->
<div class="cycle-slideshow"
    data-cycle-pause-on-hover="true"
    data-cycle-speed="1200"
    data-cycle-timeout="2000"
    data-cycle-slides="> div"
>
<!--INSERT YOUR IMAGES & LINKS BELOW-->
<div>
<a href="http://example.com"><img alt="description" src="http://placehold.it/500x325/198EBA/FFFFFF&text=SLIDE-1.jpg">Slide 1</a>
<p>Optional text for slide-1 goes here...</p>
</div>
<div>
<a href="http://example.com"><img alt="description" src="http://placehold.it/500x325/2A4D6B/FFFFFF&text=SLIDE-2.jpg">Slide 2</a>
<p>Optional text for slide-2 goes here...</p>
</div>
<div>
<a href="http://example.com"><img alt="description" src="http://placehold.it/500x325/FFC000/000000&text=SLIDE-3.jpg">Slide 3</a>
<p>Optional text for slide-3 goes here...</p>
</div>
<!--end slideshow-->
</div>
</body>
</html>
Nancy O.

Similar Messages

  • How do i add images in the header and footer to a PDF using iText

    Hi ,
    I want to add images to the header and footer of every page while i am genrating a pdf i have created a separate class called EndPage which i am instanceiating its default constructor in another class 's button action method.
    The above code genrates a PDF for me however it genrates a file with file size zero bytes and does not open it following is my sample code
    //**********Any Help would be appreciated
    Thank You
    public class My_Class
    public String pdf_action()
    EndPage ep=new EndPage();
    return null;
    }//My_class Ends
    class EndPage extends PdfPageEventHelper
    * Demonstrates the use of PageEvents.
    * @param args no arguments needed
    public EndPage()
    try {
    com.lowagie.text.Document document = new Document(PageSize.A4, 50, 50, 70, 70);
    PdfWriter writer = PdfWriter.getInstance(document, new FileOutputStream("D://proposals/endpage.pdf"));
    writer.setPageEvent(new EndPage());
    document.open();
    String text = "Lots of text. ";
    for (int k = 0; k < 10; ++k)
    text += text;
    document.add(new Paragraph(text));
    document.close();
    catch (Exception de) {
    de.printStackTrace();
    public void onEndPage(PdfWriter writer, Document document) {
    try {
    Rectangle page = document.getPageSize();
    PdfPTable head = new PdfPTable(3);
    for (int k = 1; k <= 6; ++k)
    head.addCell("head " + k);
    head.setTotalWidth(page.width() - document.leftMargin() - document.rightMargin());
    head.writeSelectedRows(0, -1, document.leftMargin(), page.height() - document.topMargin() + head.getTotalHeight(),
    writer.getDirectContent());
    PdfPTable foot = new PdfPTable(3);
    for (int k = 1; k <= 6; ++k)
    foot.addCell("foot " + k);
    foot.setTotalWidth(page.width() - document.leftMargin() - document.rightMargin());
    foot.writeSelectedRows(0, -1, document.leftMargin(), document.bottomMargin(),
    writer.getDirectContent());
    catch (Exception e) {
    throw new ExceptionConverter(e);
    }

    Hi,
    Thanks for the quick response.
    The problem is that when I keep the logo as a watermark, the pdf is not adjusting itself to include the logo as header.
    But if I add a header text via Tools -> Headers and Footers, the pdf is adjusting itself so that the header text is at the beginning , not overlapping with the contents of pdf.
    But while using logo as watermark, some times overlapping of the pdf contents and logo is happening.
    Is there any way to add a logo in the Header and Footer via the option in Tools -> Headers and Footers
    Thanks,
    Vidhya

  • Using the value "Image/*" for the accept attribute of the HTML input Element, how can I add .pdf to the array of preconfigured file types (.jpe, .jpg, .jpeg, .?

    On a form, using the value "image/*" for the accept attribute of the HTML input Element, how can I add .pdf to the array of pre-configured file types (.jpe, .jpg, .jpeg, .gif, .png, .bmp, .ico, .svg, .svgz, .tif, .tiff, .ai, .drw, .pct, .psp, .xcf, .psd, .raw)?
    Say I wanted to add .gif, .jfif or .ico. I find this array limited, how can I add types to image?
    <input type="file" name="file" accept="image/*" id="file" />
    mimeTypes.rdf does not seem to allow this.

    ''mimeTypes.rdf'' has nothing to do with web development. It's a file that stores your file handling preferences (e.g. if you want ZIP files automatically saved or opened).
    You can't change the file types of the pre-defined content specifiers (audio/*, video/*, image/*), but you can specify additional MIME types. To add PDF to your above example,
    <pre><nowiki><input type="file" name="file" accept="image/*,application/pdf" id="file" /></nowiki></pre>
    For details, see
    * [https://developer.mozilla.org/En/HTML/Element/Input developer.mozilla.org/En/HTML/Element/Input]

  • How do I add image upload to web app edit template?

    How do I add image upload to web app edit template. When creating fields I am selecting image from the field type. But the only way to upload and image is when I create the web app item within the admin. The option to upload an image is not available when the user submit web form opens.
    Wont send any of these questions through this email anymore but really needed assistance.
    Thanks,
    Gordon

    On the Details tab of the Web App setup, under Web App Item Options; have you ticked "Allow File Upload" and specified a Default Upload Folder?

  • How can I add image files to a executable jar file ?

    Could you tell me how can I add image files to executable jar file ?
    package structure:
    ../com/Main.class
    ../images/..

    Please don't cross post, and read this
    http://forum.java.sun.com/thread.jsp?forum=31&thread=271751
    I've answered the question in the New To Java thread.

  • In the middle of creating a book in aperture I need more photos. How can I add them to the browser at this stage?

    In the middle of creating a book in Aperture I need more photos. How can I add them to the browser at this stage?

    In the middle of creating a book in Aperture I need more photos. How can I add them to the browser at this stage?
    You can add more images to your book, by dragging them from the browser to your book album. Switch to the Library Inspector, select the album or project with the images in the source list, and then drag these images onto the book icon. That will add them to the book album, and then double click the book album again to continue working with the book.
    Regards
    Léonie

  • How can i add image on my mail siganature on iphone

    hi,
           how can i add image on my mail siganature on iphone.

    I do not know if this will work but you can try. Place the image you want on a storage site like Imageshack or Photobucket. Then make a link to it in your signature using (img_src="put the url of your image here"). This may work at least when you have an active data connection - wifi or cellular

  • How do you add images?

    this is a dumb question but how do you add images in java? also creating a background image? thanks

    Add images in what way, together like image A plus image B? Or to a user interface?
    If to a user interface, see the swing tutorial: http://java.sun.com/docs/books/tutorial/uiswing/misc/icon.html

  • How do i add images on canvas????

    how do i add images on canvas???? i wanted to have flash screen like feature while starting my application.. for that i wanna add image on a canvas and want to show it in startapp().

    Override the paint (Graphics g) method of Canvas and invokeg.drawImage(Image img, int x, int y, int anchor)See the documentation for javax.microedition.lcdui.Graphics for more information.
    db

  • I have an apple TV Model A1427 and do not have an icon for youtube. How can I add youtube to the home page?

    I have an apple TV Model A1427 and do not have an icon for youtube. How can I add youtube to the home page?

    Have icon but cannot connect - Please Help.
    Mine is Gen. 2 - Model MC572C/A. I have the YouTube icon but cannot access YouTube.  Message says "No content was found - There is a problem communicating with YouTube. Try again later."  This problem has been for at least 1 month now.  Any ideas?

  • How to have multiple images on the same screen? like in the movies where you see several actions at

    how to have multiple images on the same screen? like in the movies where you see several actions at the same time ....
    i don't find  a tutorial in adobe tv....
    thanks !!

    The short answer is that you'll put the source clip(s) for each inset on a different video track, all stacked up. Then use the Scale and Position effects (under "Motion" on the Effect Controls panel) to reduce their size and place them where you want.
    If the content of an inset will involve edited content (where you're cutting among various clips or just trimming out unwanted content from a single clip), then you'll probably find it easier to do all those edits in one sequence, then nest that sequence in the master sequence, where you apply the Scale and Positioning effects. That will save the step of applying the scale and position effects to each edited track item.

  • HT4059 how can i add books to the library on my iphone 4s

    How can I add books to the library on my 4s?

    If the photos that you are wanting to delete are also in your Camera Roll then you can delete them from the camera roll

  • How do I add apps to the dock on my mac?

    how do I add apps to the dock on my mac?

    Select the application you wish to put in the Dock, then drag it into the left side of the Dock's sizing gadget.

  • I have an ipod touch and the contacts icon is missing.  How can you add it to the home screen?

    I can't find the contacts icon... How can you add this to the home screen

    Every iPod touch has a contacts icon. It might be hiding. You can try Settings > General > Reset > Reset Home Screen Layout.

  • In iPhoto, how can I export images with the metadata - including the title and caption information - intact as part of the image?

    In iPhoto, how can I export images with the metadata — including the title and caption information — intact as part of the image?

    Check those boxes in the export dialogue - Exporting From iPhoto
    LN

Maybe you are looking for

  • Email is not working properly and dvr is freezing.

    I never thought I would say this but I am considering going back to cable. I have been calling verizon for 2 weeks now. My email is not working. I did not get any email for about 3 days, then when I called I got a couple (I normally get about 70 per

  • Best way of using two or more functions - about speed?

    Hello. I would like to know what is faster. 1. If you have one function and in that function you call another function, like fun1 is begin input := fun2(old_input); return input; end; Call: select fun1(input) from dual; 2. Or if you have two separate

  • OBIEE 11.1.1.5.0 Write back error.

    I am working on OBIEE 11G(11.1.1.5.0) write back feature. After all the steps which were mentioned in 11g Documentation , there's an Error message said "Write back Error" . No other detail information. Do you have any idea about it?

  • IMac USB mystery

    Hello forum, I've been using Macs for over 10 years now, so far never had a problem which couldn't be solved but now it seems I've reached a point where this is no longer the case. Have a new iMac (21.5", 3.1GHz, 1TB Fusion Drive) since a few days. E

  • TS3274 ipad won't reboot

    My ipad is has a pop up screen up that says there isn't enough iCloud storage to back it up and it hasn't been backed up in 22 weeks, to plug it in and connect to WiFi.  I have don't this and it will not go away.  I have held the home and sleep butto