Help with scrolling photo gallery

I'm using the code below to for a scrolling photo gallery. I got this from another forum on Adobe. My problem is that I can't get my images to upload. I uploaded this for an image but it's not working:
<img src="images/baca_poster_small.jpg" data-cycle-title="image1">
Can someone please help me with getting my pictures to work in this?
Thanks!
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 document with Cycle2</title>
<!--Latest jQuery Core Library-->
<script src="http://code.jquery.com/jquery-latest.min.js">
</script>
<!--Cycle2 Plugin Script-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
<style>
.cycle-slideshow, .cycle-slideshow * {
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0 auto;
width:45%; /**adjust width as required**/
.cycle-slideshow img {width: 100%;}
</style>
</head>
<body>
<h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> Responsive Slideshow</h1>
<!--begin slideshow-->
<div class="cycle-slideshow"
    data-cycle-pause-on-hover="true"
    data-cycle-speed="700"
>
<!--your images go here-->
<img src="http://malsup.github.com/images/beach1.jpg" data-cycle-title="beach1">
<img src="http://malsup.github.com/images/beach2.jpg" data-cycle-title="beach2">
<img src="http://malsup.github.com/images/beach3.jpg" data-cycle-title="beach3">
<img src="http://malsup.github.com/images/beach4.jpg" data-cycle-title="beach4">
<img src="http://malsup.github.com/images/beach9.jpg" data-cycle-title="beach9">
<!--end slideshow-->
</div>
</body>
</html>

Is this supposed to be a WordPress site?  None of these images are found on the server.  Those folders don't exist either.
<img class="first" src="mosspictures/DSCN0038.JPG" alt="">
   <img src="mosspictures/DSCN0040.JPG" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-3.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-4.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-5.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-6.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-1.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-2.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-3.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-4.jpg" alt="">
Nancy O.

Similar Messages

  • Help with scrolling image gallery?

    Hi, using the code for a scrolling image gallery found here (Build an Infinite Scrolling Photo Banner With HTML and CSS | Design Shack). When I pasted in the CSS and HTML, it displayed all vertically and broke my title div. Not a professional, so I could use an expert eye to point out any mistakes. Trying to make title in vertical center of page, scrolling image gallery horizontal in the middle, and links directly below. HTML is below:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Marc Moss Art</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <link href="style.css" rel="stylesheet" type="text/css">
    <link href="../../../../style.css" rel="stylesheet" type="text/css">
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    </head>
    <body topmargin="600">
    <div id="wrapper">
    <div class="container">
      <header></header>
      <div id="content" style="height:300px;width:1000px;float:left;"><h1>art by marc moss</h1>
    </div>
        <!-- Each image is 350px by 233px -->
        <div class="photobanner">
            <img class="first" src="../../../../mosspictures/DSCN0038.JPG" alt="">
            <img src="../../../../mosspictures/DSCN0040.JPG" alt="">
            <img src="image-3.jpg" alt="">
            <img src="image-4.jpg" alt="">
            <img src="image-5.jpg" alt="">
            <img src="image-6.jpg" alt="">
            <img src="image-1.jpg" alt="">
            <img src="image-2.jpg" alt="">
            <img src="image-3.jpg" alt="">
            <img src="image-4.jpg" alt="">
        </div>
        <nav>
        <div id="navigation">
        <ul>
        <li><a href="#">bio</a></li>
        <li><a href= "#">inspiration</a></li>
        </ul>
        </div>
        </nav>
    <!-- end .content --></article>
      <footer>
    </footer>
      <!-- end .container --></div>
      </div>
    </body>
    </html>

    Is this supposed to be a WordPress site?  None of these images are found on the server.  Those folders don't exist either.
    <img class="first" src="mosspictures/DSCN0038.JPG" alt="">
       <img src="mosspictures/DSCN0040.JPG" alt="">
       <img src="wordpress/wp-content/themes/MarcMossTheme/image-3.jpg" alt="">
       <img src="wordpress/wp-content/themes/MarcMossTheme/image-4.jpg" alt="">
       <img src="wordpress/wp-content/themes/MarcMossTheme/image-5.jpg" alt="">
       <img src="wordpress/wp-content/themes/MarcMossTheme/image-6.jpg" alt="">
       <img src="wordpress/wp-content/themes/MarcMossTheme/image-1.jpg" alt="">
       <img src="wordpress/wp-content/themes/MarcMossTheme/image-2.jpg" alt="">
       <img src="wordpress/wp-content/themes/MarcMossTheme/image-3.jpg" alt="">
       <img src="wordpress/wp-content/themes/MarcMossTheme/image-4.jpg" alt="">
    Nancy O.

  • Help with AS2 - photo gallery

    Hi All
    would someone beable to help me with some code, I downloaded a photo gallery example, at the moment the movie plays the photos when you click a button(timer)
    What I'm trying to do is to get the movie to auto play the photos on load rather than having to click the button. I have been lookin in the scrip, I think its something to do with
    // initialize values
      currentIndex = 0;
    but when I change this value to 1, not much happens, would some be able to have a look within the code and see where I can change it so that the movie runs the images automatcally on load.
    I have pasted the code below, hope this is ok?
    many thanks for anyones help!
    CODE:
    // (c) Copyright by Andrew DiFiore. All rights reserved. DO NOT REMOVE.
    fscommand("allowscale", "false");
    Stage.scaleMode = "noScale";
    targetPhoto._visible = false;
    slides_xml = new XML();
    slides_xml.onLoad = loadSlideShow;
    slides_xml.load("album.xml");
    slides_xml.ignoreWhite = true;
    function loadSlideShow(success) {
    if (success == true) {
      rootNode = slides_xml.firstChild;
      totalSlides = rootNode.childNodes.length;
      currentSlideNode = rootNode.firstChild;                            
      photos = new Array(totalSlides);
      thumbs = new Array(totalSlides);
      captions = new Array(totalSlides);  
      tx = 0;
      for (i=0; i < totalSlides; i++) { // populate arrays and create thumbnails dynamically
       photos[i] = currentSlideNode.attributes.jpegURL;
       thumbs[i] = [currentSlideNode.attributes.jpegWidth,currentSlideNode.attributes.jpegHeight];
       captions[i] = currentSlideNode.firstChild.nodeValue;
       _root.attachMovie("thumb","thumb"+i,i);
       _root["thumb"+i]._x = tx;
       _root["thumb"+i]._y = 595; // using fixed Y coord
       _root["thumb"+i].tindex = i;
       tx += 22;  
       currentSlideNode = currentSlideNode.nextSibling;
      // initialize values                      <<<<<<<<<<<<<<<<<<<<<<<IS IT HERE?????
      currentIndex = 0;
      targetWidth=thumbs[currentIndex][0]; // get width
      targetHeight=thumbs[currentIndex][1]; // get height;
      updateSlide();
    function updateSlide() { // load photo, update caption and status fields
    targetPhoto.loadPhoto(photos[currentIndex]);
    caption = captions[currentIndex];
    statusField = (currentIndex+1) + "/" + totalSlides;
    function slideShow() {
    if (currentIndex == totalSlides-1) { currentIndex = 0; } else { currentIndex++; }
    targetPhoto._visible = false;
    targetWidth=thumbs[currentIndex][0]; // get width
    targetHeight=thumbs[currentIndex][1]; // get height;
    updateSlide();
    MovieClip.prototype.loadPhoto = function(fn) { // load external jpeg method + preloader
    this.createEmptyMovieClip("holder", 1);
    this.holder.loadMovie(fn);
    this.onEnterFrame = function() { // NOTE: could use this to display percentage to user
      if (Math.floor((this.holder.getBytesLoaded()/this.holder.getBytesTotal())*100) >= 100) {
       delete this.onEnterFrame;

    something like this...not quite working
    function updateSlide() { // load photo, update caption and status fields
    setTimeout(targetPhoto.loadPhoto(photos[currentIndex], 2000);
    caption = captions[currentIndex];
    statusField = (currentIndex+1) + "/" + totalSlides;

  • Help with Spry Photo Gallery

    I am putting together a photo gallery using the tutorial
    found
    here.
    I have completed the basic tutorial and it is working well. I need
    help though in implementing some advanced features not covered in
    the tutorial but shown in the proof of concept
    here.
    I want to include a "gallery" selector like the proof of
    concept, but i have no idea as to how i would go about
    incorporating it. I have had a look at the code and it doesnt seem
    to be all that difficult, but i just dont know what to do. I am
    open to anything anyone can suggest even adding more Datasets if
    needed. the other thing that is included in the code selection are
    the Next, play/pause, and previous buttons. If anyone could tell me
    how to get that to work i would appreciate it.
    Thanks
    Ryan

    did you have any luck figuring out how to make your photo
    album? I'm working on my own and am also having a hard time
    understanding the proof of concept without a full tutorial.

  • Need help with DW photo gallery

    I'm learning DW the hard way, trial & error. I've created
    my photo album & uploaded it. It looks find, but when I click
    on the pictures to enlarge them I get the message "ooops no page
    found". What do I do to resolve this issue? I know I'm missing a
    step.
    Please help me!!! Thanks, Barbara

    Look at the path to the larger image. Is the path correct?
    Did you upload
    the larger photos?
    Can you post a URL to your site?
    Nancy Gill
    Adobe Community Expert
    Author: Dreamweaver 8 e-book for the DMX Zone
    Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
    2003)
    Technical Editor: Dreamweaver CS3: The Missing Manual,
    DMX 2004: The Complete Reference, DMX 2004: A Beginner's
    Guide
    Mastering Macromedia Contribute
    Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
    Web Development
    "whuzthere" <[email protected]> wrote in
    message
    news:fs4591$6ir$[email protected]..
    > I'm learning DW the hard way, trial & error. I've
    created my photo album
    > &
    > uploaded it. It looks find, but when I click on the
    pictures to enlarge
    > them I
    > get the message "ooops no page found". What do I do to
    resolve this
    > issue? I
    > know I'm missing a step.
    >
    > Please help me!!! Thanks, Barbara
    >

  • HELP with Flash Photo Gallery

    I have no clue how to program these flash galleries....My
    site www.al-burke.com contains a flash web gallery that I purchased
    online and I have been able to upload it to the site but its says
    movie not loaded. I have all the neccessary files in place I
    believe (gallery.xlm, main.html, main.swf) all under a folder. Can
    anyone please help me out? Thanks

    I went to al-burke.com, but the site doesn't actually load.
    Do the files that you have work on your computer?

  • Help with scrolling thumbnails photogallery

    i need some help with this photo gallery im working on. im pretty sure i have almost everything correct but for some reason i cant get the thumbnails when clicked to link up with the img. i want it to show.
    well i cant really upload the file here i just found out so i can email it to whoever leaves there email
    if someone could take a look at the file and tell me what im doing wrong that would be so helpful ive been working on it for the past 2 days trying to fig. out whats wrong searching everywhere and i just cant fig. it out.
    thanks for the help

    Please don't duplicate postings.

  • Help putting a photo gallery in Dreamweaver CS5.5

    Hi,
    I'm new to web design and have been learning to use DW CS5.5.  My goal is to design a website for my small, online antiques business with a photo gallery in it.
    The Adobe Extension site lists several photo gallery options, but none for CS5.5.  Does anyone have any ideas on how I can easily, or fairly easily add a simple photo gallery to my new site?  By simple, I mean thumbnails linking to a page with a larger photo and descriptive text, nothing else.  I really want to keep it simple.
    Is my only choice to build it myself from scratch?
    Any help you can give will be most appreciated.
    Terry3Mc

    hello Terry,
    There is a website called www.templatesold.com you have to pay.. but i have a login
    there are a lot of templates of photo gallerys.
    email-me [email protected]
    Leonardo Hermoso
    bovespa

  • Scrolling photo gallery

    I need to create a scrolling photo gallery on my web page, which programme would be best to use and instructions would be great. THanks

    I would use a "jquery slider" or "jquery slideshow". You can do a search in Google for those phrases and come up with hundreds of free scripts to choose from, most with a "how to" to get them into your site.
    If you want to use something integrated into DW's Design View interface, Project VII has a paid extension to allow you to do it.

  • I need help with the photo stream. Everytime I try to open it on my PC it says photo stream is unable and I have tried everuthing to enable it but it doesn't work. Any help, please?

    I need help with the photo stream. Everytime I try to open it on my PC it says photo stream is unable and I have tried everuthing to enable it but it doesn't work. Any help, please?

    Freezing, or crashing?
    ID on the Mac can produce reports that may (or may not) prove helpful in diagnosing the problem. I suspect this is something not directly related to InDesign, and maybe not to any of the Adobe apps directly since you seem to be having a problem in more than one. That often inidcates a problem at the system level.
    Nevertheless, it won't hurt to try to gather the reports. You'll find driections for how to generate them, and to post them on Pastebin.com (then put a link to them here) so we can see what's going on at Adobe Forums: InDesign CS5.5 Not Responding
    Do you happen to run a font manager? If so, which one, and waht version?

  • I need a flash tutorial on Iphone style Scrolling Photo Gallery using Next/previous Buttons

    Here i have attached two sample Fla files of  iphone style scrolling photo gallery using next Previous buttons. Smoothscroller.fla is the  original file download from internet and thumbscroll.fla is the one i m trying to make. But i m getting the actionscript error in the movieclip symbol 2 frame 2 actionscript frame. Can anyone work out on my file & send me the easiest tutorial of flash so that i can complete my portfolio project.
    Mail me ur tutorials at : [email protected]

    Just Google for the Spry photo gallery and you might find
    http://cates-associates.net/tutorials/Tutorial-CS3-Spry.html
    or even a few others.
    Happy Sprying
    Ben

  • Can anyone help with uploading photos from iPad to Facebook.  Thanks

    Can anyone help with uploading photos fom iPad to Facebook?  Thanks

    What app are you to trying to use ? You can't upload photos to Facebook via Safari, but a number of the Facebook apps support it e.g. the 'official' app : http://itunes.apple.com/us/app/facebook/id284882215?mt=8 (thought it's optimised for the iPhone/iPod Touch it does support uploading photos), Friendly For Facebook (http://itunes.apple.com/us/app/friendly-for-facebook/id400169658?mt=8)

  • Hi, I need help with scrolling

    Hello I am Kevin Jin, I am working a huge project acually not that big, but I need help with five things, i mihgt have more things in my mind but here it is
    1. I need help with scrolling like where you have buttons for example or press on a navigation bar tab, then it goes to that specific pace of the page, for a one page website, for example some sites you press on contacts and gose down to the bottom of the page where the contacts place is located, not opening a new link.
    2.Second also I need help with navigation bar, where it fallows the scroll as it gose down, like for example when it is html the object is fixed to the top, and when you scroll down it will fallow it it,
    3.I need Parallex scrolling where you can have the timeline or animations run while you scroll in the meantime and have animation running all the time, for example the infographic site where the bees are fluying but still have seperate animations while you scroll
    4.I am so sorry i have two more to go, i appreciate your help, I would also like to ask if like looping each animations sperately, not looping the whole timeline, can it be possible to loop an animation while you have all the interactivity witht he site like looping seperately all the time, without interfeering with all the other animation
    5.I also are wondering if you can create multiple pages on one animate project, like multiple pages with html
    I just moved on to edge animate from html, and html was also beirf learn for me and mostly i was doing design work, and i thought getting out of graphic river and moving on the theme forest would be a better idea for me, thank you guys so much of the help and add me on skype : kevin2019170 or add me on facebook ; [email protected] or graphicriver, www.graphicriver.net/user/phantomore I would appriciate if you just would like contact me through SNS since I have that in hany 24 hours long, but the thred will also do, thank you doo much foryour help,
    P.S, I want also all the five things to work on one aimate project not interfeering with other ideas liek all five questions i had should run on one site,
    THANK YOU SO MUCH FOR YOUR HELP AND I APPRICIATE YOUR HELP!

    1.
    write this code in your button Click
    $('html,body').animate({scrollTop: sym.$("Your Symbole Name Here").offset().top}, "slow"); // scroll to the top of that symbol name
    Or :
    $('html,body').animate({"scrollTop":"600px"}, 750); // Higher value means slower , scroll to top page
    1 and 2 see this post http://forums.adobe.com/message/5531344#5531344
    3 use edge commons plugin http://www.edgedocks.com/edgecommons
    4.just put the animations behind eachother so when 1 is done, start with the animating the other symbol/div
    5. i thin its best just to make for every page a new project or make the site in muse.

  • Help with putting photos on my ipod!!!

    i need help with putting photos on my 20 gig ipod. Model number is MA079LL. and i have versions 1.1 what is the up to date version?

    anyone help?

  • Need Help Removing XML Photo Gallery on Button Click

    Hi, I'm new to flash so this might seem like a dumb question, but I'm right in the middle of designing a photography site and need some help.  I have 4 buttons in my timeline that go to the corresponding frame labels when clicked, above each frame label is a keyframe with actionscript applied to it, that will load an external XML photo gallery. I need the current photo gallery that's on the screen to disappear when I click on a new button to load the new XML photo gallery.  this is the code that will be above each frame label with a few changes, then below this is the code for my buttons. Any help is greatly appreciated. Thank you  Code: Select all var imageX:XML; var imageList:XMLList;  var canvas:MovieClip = new MovieClip(); var picLoader:Loader; addChild(canvas); canvas.x = -155; canvas.y = 160;   var req:URLRequest = new URLRequest("gallery.xml"); var imageLoader:URLLoader = new URLLoader(); imageLoader.addEventListener(Event.COMPLETE, onComplete); imageLoader.load(req);  function onComplete(e:Event):void { imageX = new XML(imageLoader.data); imageList = imageX.image; picLoader = new Loader(); picLoader.contentLoaderInfo.addEventListener(Event .COMPLETE, imageLoaded); picLoader.load(new URLRequest (imageList[0].url)); }  function imageLoaded(e:Event):void  { canvas.addChild(picLoader); }    Code for the buttons in different keyframe.  Code: Select all stop();  kids_btn.addEventListener(MouseEvent.CLICK,onKidsClick); couples_btn.addEventListener(MouseEvent.CLICK,onCouplesClick); portraits_btn.addEventListener(MouseEvent.CLICK,onPortraitsClick); bellies_btn.addEventListener(MouseEvent.CLICK,onBelliesClick);  function onKidsClick(e:MouseEvent):void { gotoAndStop("kids"); }  function onCouplesClick(e:MouseEvent):void { gotoAndStop("couples"); }  function onPortraitsClick(e:MouseEvent):void { gotoAndStop("portraits"); }  function onBelliesClick(e:MouseEvent):void { gotoAndStop("bellies"); }

    Hi, I'm new to flash so this might seem like a dumb question, but I'm right in the middle of designing a photography site and need some help.  I have 4 buttons in my timeline that go to the corresponding frame labels when clicked, above each frame label is a keyframe with actionscript applied to it, that will load an external XML photo gallery. I need the current photo gallery that's on the screen to disappear when I click on a new button to load the new XML photo gallery.  this is the code that will be above each frame label with a few changes, then below this is the code for my buttons. Any help is greatly appreciated. Thank you  Code: Select all var imageX:XML; var imageList:XMLList;  var canvas:MovieClip = new MovieClip(); var picLoader:Loader; addChild(canvas); canvas.x = -155; canvas.y = 160;   var req:URLRequest = new URLRequest("gallery.xml"); var imageLoader:URLLoader = new URLLoader(); imageLoader.addEventListener(Event.COMPLETE, onComplete); imageLoader.load(req);  function onComplete(e:Event):void { imageX = new XML(imageLoader.data); imageList = imageX.image; picLoader = new Loader(); picLoader.contentLoaderInfo.addEventListener(Event .COMPLETE, imageLoaded); picLoader.load(new URLRequest (imageList[0].url)); }  function imageLoaded(e:Event):void  { canvas.addChild(picLoader); }    Code for the buttons in different keyframe.  Code: Select all stop();  kids_btn.addEventListener(MouseEvent.CLICK,onKidsClick); couples_btn.addEventListener(MouseEvent.CLICK,onCouplesClick); portraits_btn.addEventListener(MouseEvent.CLICK,onPortraitsClick); bellies_btn.addEventListener(MouseEvent.CLICK,onBelliesClick);  function onKidsClick(e:MouseEvent):void { gotoAndStop("kids"); }  function onCouplesClick(e:MouseEvent):void { gotoAndStop("couples"); }  function onPortraitsClick(e:MouseEvent):void { gotoAndStop("portraits"); }  function onBelliesClick(e:MouseEvent):void { gotoAndStop("bellies"); }

Maybe you are looking for

  • Sending notifications from BPEL installed on Weblogic Server

    We have SOA Suite installed on the Weblogic server. For the SOA Suite installation, we did a base installation of OC4J 10.1.3.4, and then installed Weblogic server 9.2 on top of it. The problem is with the notifications. I created a simple process to

  • Turning off automatic update

    I've just had to reinstall the operating system on my Mac and lost my itunes library. When I plug my ipod in it automatically starts to update the library which will wipe out the contents of my ipod. I've seen in a few places that if I hold down the

  • How can I stop emails pushed to the Curve from getting marked as "Read" in Outlook!

    I get 100 or so emails a day, and get them bolded in Outlook until I read them.  In two of my three email accounts, the emails remain bolded in Outlook even after being pushed to the Curve.  In the third, which runs through my work server, all emails

  • Can't open photoshop cs5 after installing yosemite

    I even tried installing Java as suggested but to no avail. I guess I'm going to have to wait for an update from Adobe unless this is some scheme to try to get me to upgrade. Thanks for your time, Bryan

  • System preferences i cant change my photo, the ball keeps turning

    Hi, when i go to my system preferences to change my sheensaver, the ball start to turn and turn. I have shut down the computer, and restarted, still can't get anything working. Please help me.