Creating and moving images

Hi, I would like to make a game as hobby in Java but have no clue of anything. Can anyone show me how to create and move the images? I don't know how to show an image in window but I do know about JComponents and actionListeners such as mouse and key. Thank you.

look at the image and applet api and then create an image with the getImage method in the applet api
once youve created it, paint it in the paint method
to paint:
g.drawImage(Image imageName, int xPosition, int yPosition, Component? imageProducer/**u can just use this*/);then youll prolly hav a speed variable.
just do things like
xPosition += xSpeed;
and
yPosition += ySpeed;
then the update method to make it not flash... rememb to add Graphics dbg as an instance variable...
public void update(Graphics g)
          if (dbImage == null)
              dbImage = createImage (this.getSize().width, this.getSize().height);
              dbg = dbImage.getGraphics ();
          dbg.setColor (getBackground ());
          dbg.fillRect (0, 0, this.getSize().width, this.getSize().height);
          dbg.setColor (getForeground());
          paint (dbg);
          g.drawImage (dbImage, 0, 0, this);
      }

Similar Messages

  • Part 04 - Creating and Importing Images | Classroom: Basic Site Layout and Navigation in Dreamweaver | Adobe TV

    Learn how to create and prepare images to incorporate into your website design.  Save them in web friendly JPG or PNG formats while maintaining a good balance between quality and small file size. Import them into Dreamweaver and make some initial adjustments to layout and alignment.
    http://adobe.ly/zL64GN

    This third lesson needs to be updated. The "ALIGN" buttons in Properties are now missing in CS6 because it's obsolete in HTML now...

  • Using Fx as a library to create and save image

    Hi,
    I wrote an FX desktop app to create an vector image and saved as png. I would like to use this FX program like a library.
    For example, to use it in glassfish managed bean to generate image and saved to a directory. Can this be done? I am wondering how to call FX, pass in parameters, generate and safe the graph WITHOUT firing up as a desktop app.
    Just want to use FX to create an image in buffer image, save and return me a link to that image. Java calling javxFX to produced the required image.
    I already wrote a working FX. Hopefully it works without having to write another apps to do the job.
    Appreciate any help or advise.

    This feature is [url http://javafx-jira.kenai.com/browse/RT-14038]planned, but not yet publicly supported. It appears to have been scheduled for Lombard, the version after 2.0. If you need this feature now, there is still a hack available: Image conversion between AWT and FX

  • Question about final format for integrated film clips and moving images in webpages created by Muse

    About a year ago I gave up even trying to construct websites. There were too many new factors and technical aspects of correct scripts and coding to make it interesting for a designer with no interest in programming. It´s understandable that all new gadgets such as mobile surf panels, mobile internet on different cell phones, lap tops and stationary computers and a lot of different browsers made it impossible to run with just plain html. But when I found out that many viewers couldn´t even watch Flash movies or solutions with flash components I said enough is enough.
    Now a while ago when HTML5 was released I heard that it made it possible to create films and almost identical content as with Flash films without using them. Bought some templates and realized that it really worked. So here are my questions:
    What format does Adobe Muse CC use when I add films and stuff into it, and what format will come out of it when it´s an official website?
    Do Adobe Muse CC convert film formats so they will be visualized correctly on the end viewers browser, computer or phone?
    Will Adobe Muse CC advice me of what film or animation format will be the best for my viewers on the web or on a mobile internet?
    Are there any guidelines available for how I shall save and export filmclips or animations before they are imported into Adobe Muse CC?
    Regards
    Jack

    Hello Jack,
    Currently, you can only import an swf file or you can embed videos from youtube, vimeo etc. into Muse / add HTML5 Video to Your Website.
    Take a look at these simple videos that explain the currently available processes for adding videos in Muse, in a step by step method:
    1. http://tv.adobe.com/watch/learn-adobe-muse-cc/inserting-a-youtube-flic kr-or-hulu-video/
    2. http://www.youtube.com/watch?v=5in4swnIFsw
    3. http://www.youtube.com/watch?v=KnBFLQheOk4
    Hope this helps.
    Cheers
    Parikshit

  • Problem with creating and displaying images in a thread

    Hi everyone,
    i need some bit of advice (of course otherwise i wouldn't write anything here). My situation is like this:
    I have a JFrame where the user can enter a string. Then a file that corresponds to this string is read and the information is stored in objects, then these two objects (there are always 2 objects per file) are passed to an ImageCreator class that creates one image with the information found in each object. So per file there are always two images created. Now the thing is that after creating the images i need to display them for 10 seconds each, but as it takes about 2 seconds to create each image i would like to start showing the first one already while the second one is still being created. As i am not really experienced with threads i wonder what would be the best way to manage something like this. Here is a little bit of code, which is still in a rather pseudo code state...if(checkPattern(scanField.getText()) &&
          fc.getFile(createFilename(scanField.getText())) != null)
          BufferedImage img = null;
          ImageDisplay display = new ImageDisplay(scanField.getText(), this);
          for (int i=1; i<3; i++) {
          Info info = tReader.readTelegramForOneInfo(createFilename(scanField.getText()));
          if(i==1) 
            info.setError(ew.getProperty(info.getMTNr1(), info.getLack()));
          if(i==2)
            info.setError(ew.getProperty(info.getMTNr2(), info.getLack()));
            iCreator.setHashtable(info);
            iCreator.setWhichMatNr(i);
            img = iCreator.createImage(false);
            if(i == 1)
                //here i would like to start showing the first image
                display.showImage(img);
          //thats an older version where i displayed both images after they had been
          //created.
          //Thread t = new Thread(new ImageDisplay(scanField.getText(), this));
          //t.start();
          //here i would like to show the second image.
          display.showImage(img);
          scanField.setText("");
        else
           doSomethingElse();
        }I hope you can help me.
    Thanks!

    All actual drawing opertations should occur on the dispatcher thread. When the first image is ready you could use SwingUtiltiies.invokeLater() to place a task on the dispatcher thread to draw the image e.g.
    final BufferedImage img = iCreator.createImage(false);
    if(i == 1)
      SwingUtilities.invokeLater(new Runnable() {
         public void run() {
           display.showImage(img);
       });(Both the variables uses in run() must be final.
    But it's probably better to have a java.awt.Component of some kind for each image to be displayed, and whose paint method does the actual rendering, if the image is ready (is blank otherwise). Then, when the image is ready you need only call repaint on the components.

  • Load, create, and save image as thumbnail

    Duke Dollars to earn ... :)
    Hi,
    I want to create a very simple jsp page where I can upload an image through the filechooser and display the uploaded image on the page. When hitting a save button I want to save the image as a thumbnail on the webserver.
    If anyone has suggestions on smooth, clever code that will do this for me, it will be highly appreciated. And answers with code will be awarded.
    Regards
    Malin

    see if this can help you out...
    import com.sun.image.codec.jpeg.*;
    import java.awt.*;
    import java.awt.image.*;
    import java.io.*;
    public class Thumbnail {
    public static void main(String[] args) throws Exception {
    if (args.length != 5) {
    System.err.println("Usage: java Thumbnail inputFileName " +
    "outputFileName width height quality"); //quality 0-100
    System.exit(1);
    // load image from INFILE
    Image image = Toolkit.getDefaultToolkit().getImage(args[0]);
    MediaTracker mediaTracker = new MediaTracker(new Frame());
    mediaTracker.addImage(image, 0);
    mediaTracker.waitForID(0);
    // determine thumbnail size from WIDTH and HEIGHT
    int thumbWidth = Integer.parseInt(args[2]);
    int thumbHeight = Integer.parseInt(args[3]);
    double thumbRatio = (double)thumbWidth / (double)thumbHeight;
    int imageWidth = image.getWidth(null);
    int imageHeight = image.getHeight(null);
    double imageRatio = (double)imageWidth / (double)imageHeight;
    if (thumbRatio < imageRatio) {
    thumbHeight = (int)(thumbWidth / imageRatio);
    } else {
    thumbWidth = (int)(thumbHeight * imageRatio);
    // draw original image to thumbnail image object and
    // scale it to the new size on-the-fly
    BufferedImage thumbImage = new BufferedImage(thumbWidth,
    thumbHeight, BufferedImage.TYPE_INT_RGB);
    Graphics2D graphics2D = thumbImage.createGraphics();
    graphics2D.setRenderingHint(RenderingHints.KEY_INTERPOLATION,
    RenderingHints.VALUE_INTERPOLATION_BILINEAR);
    graphics2D.drawImage(image, 0, 0, thumbWidth, thumbHeight, null);
    // save thumbnail image to OUTFILE
    BufferedOutputStream out = new BufferedOutputStream(new
    FileOutputStream(args[1]));
    JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(out);
    JPEGEncodeParam param = encoder.
    getDefaultJPEGEncodeParam(thumbImage);
    int quality = Integer.parseInt(args[4]);
    quality = Math.max(0, Math.min(quality, 100));
    param.setQuality((float)quality / 100.0f, false);
    encoder.setJPEGEncodeParam(param);
    encoder.encode(thumbImage);
    System.out.println("Done.");
    System.exit(0);

  • Shifting and moving images on a canvass

    I have to prgramm a little board game, where different images have to shift and move. I created a 2-dimensional array [j] as a surface and i want to shift the images around (when clicked) by changing their array-index. This doesnt work so far... can anybody give me hints how to move images around on a canvass with a method like that? everything helps!

    Hi.
    I don't know what you tried to do, but here is what I suggest:
    1. Make an array that represents the board.
    2. Mark each cell in the array where an image exists.
    3. repaint the canvas within a loop on the array.
    On each iteration u decide whether to draw an empty cell or a cell with an image.
    This won't animate the image (dragging it on the board), but rather make it disappear from its original cell and pop in its new position.
    Hope it helped.

  • Problems creating and moving catalogs

    I'd like to keep photos, together with their catalog, on an external drive. After I move photos to the drive, I use Catalog Manager to create a new catalog on the drive, and import the photos. All goes well until I switch to another catalog on my main drive. The custom location for the newly created catalog on the external drive appears in Catalog Manager, but no catalogs appear. There is no way to switch back to the catalog I just created. I can see the catalog in the Finder, but I can't find a way to switch to it in Photoshop Elements 10. It just doesn't appear in the Custom Location list in Catalog Manager. (I've verified that there are no permissions issues with the external drive.)
    I thought I might try creating the catalog in the default location and then moving it (via Catalog Manager) to the external drive, but the Move option is grayed out for all my catalogs—current or not current. I can click on any catalog in Catalog Manager and the Move button never becomes enabled.
    I've tried repairing the catalog, but Catalog Manager reports no errors.
    What could be going on?

    Yes, the catalog opens when I double-click the file in the OS X Finder. However, the catalog still does not show in Catalog Manager.
    Given that Adobe provides the Catalog Manager functionality with the option of creating more than one catalog and switching between them, I think I shouldn't have to defend my desire to use the feature as intended. I suppose you could also say that many people recommend you use another program than Photoshop Elements to manage your photo library, so that there's never an issue of having problems with Photoshop Elements. But I want to use Elements, and I want to use the features it provides.
    Does anybody know why the catalog does not appear in Catalog Manager, and why the Move button is not enabled for any of my catalogs?

  • Creating and connecting images to indicate tag values

    I am trying to create a simplified version of our plant layout on my front panel using images from the image navigator. I would like to create, for example, a rectangle and have it shown green when my discrete tag value is 1 and red when my tag value is 0. I know how to code this for LEDs, however the images I lay down on the front panel do not give me the same options. (and I can’t find a simple rectangle on the image navigator??)
    If anyone has any experience using this tool, I would like to know the steps involved from dragging an image on to the front panel to coding an image in the way described above.
    Thanks for the help,
    Stuart

    As the previous post mentions, search for threads on "customizing controls", there have been a number of those. Unfortunately, what you are describing, available in most of the SCADA packages (Intellution, Wonderware, etc.) isn't available in LabVIEW. To do it requires opening a boolean indicator (LED, etc.) in the control editor and then pasting in the appropriate images, doable, but a lot of work to get good looking, controllable images.
    Good Luck,
    P.M.
    Putnam
    Certified LabVIEW Developer
    Senior Test Engineer
    Currently using LV 6.1-LabVIEW 2012, RT8.5
    LabVIEW Champion

  • Problem in rotating and moving image at the same time

    the problem is that im making a car game(2D) in which u have upper view of car.
    i have make the car rotate bt problem is that i canot move it forward or backward correctly
    .wen i move it forward or backward i goes wrong...
    nd another problem is that i cannot both rotate and move the car at same time
    example if i press both up nd right arrow keys i doesnt move nd rotate..
    nd also plz tell me the accelerate nd reverse method so i can speedup my car like other car games
    here is the code
    import java.awt.*;
    import java.awt.event.*;
    import javax.swing.*;
    import java.awt.geom.*;
    import java.applet.*;
    import java.net.URL;
    public class RaceGame extends JComponent
    static int x=560;
    static int y=410;
    static int currentAngle=0;
    static double hspeed,vspeed;
    static int carspeed=1;
    Image car;
    //int angle=car.getAngle();
    Image getImage(String filename)
    URL url = getClass().getResource(filename);
    ImageIcon icon = new ImageIcon(url);
    return icon.getImage();
    //Rectangle2D.Float rect=new Rectangle2D.Float(x,y,30,30);
    //Rectangle rect=new Rectangle(x,y,30,30);
    public RaceGame()
    car=getImage("car1.jpeg");
    public void CreateBase()
    JFrame frame=new JFrame("Dare2Race");
    frame.setBounds(70,30,650,500);
    frame.setVisible(true);
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    Container c=frame.getContentPane();
    c.add(new RaceGame());
    frame.addKeyListener(new adapter());
    c.setBackground(Color.BLACK);
    //JLabel finish=new JLabel("FINISH");
    //c.add(finish);
    public void rotate()
    currentAngle+=1;
    if(currentAngle>=360)
    currentAngle=0;
    repaint();
    public void paint(Graphics g)
    super.paint(g);
    Graphics2D g2d=(Graphics2D)g;
    AffineTransform origXform=g2d.getTransform();
    AffineTransform newXform=(AffineTransform)(origXform.clone());
    newXform.rotate(Math.toRadians(currentAngle),x,y);
    g2d.setTransform(newXform);
    g2d.drawImage(car,x,y,this);
    g2d.setTransform(origXform);
    g.setColor(Color.WHITE);
    g.drawLine(640,380,420,380);
    g.drawLine(640,460,320,460);
    g.drawLine(420,380,420,300);
    g.drawLine(320,460,320,380);
    g.drawLine(420,300,125,300);
    g.drawLine(320,380,230,380);
    g.drawLine(230,380,230,460);
    g.drawLine(230,460,2,460);
    g.drawLine(125,300,125,370);
    g.drawLine(125,370,105,370);
    g.drawLine(2,460,2,180);
    g.drawLine(105,370,105,300);
    g.drawLine(2,180,450,180);
    g.drawLine(105,300,105,250);
    g.drawLine(105,250,550,250);
    g.drawLine(550,250,550,20);
    g.drawLine(550,20,275,20);
    g.drawLine(450,180,450,100);
    g.drawLine(450,100,360,100);
    g.drawLine(360,100,360,160);
    g.drawLine(360,160,10,160);
    g.drawLine(10,160,10,30);
    g.drawLine(275,20,275,90);
    g.drawLine(275,90,110,90);
    g.drawLine(110,90,110,30);
    repaint();
    class adapter extends KeyAdapter
    public void keyPressed(KeyEvent e)
    switch(e.getKeyCode())
    case KeyEvent.VK_LEFT:
    currentAngle--;
    repaint();
    break;
    case KeyEvent.VK_RIGHT:
    currentAngle++;
    repaint();
    break;
    case KeyEvent.VK_UP:
    carspeed++;
    hspeed=((double)carspeed)*Math.cos(currentAngle);
    vspeed=((double)carspeed)*Math.sin(currentAngle);
    x = x - (int) hspeed;
    y = y - (int) vspeed;
    repaint();
    break;
    case KeyEvent.VK_DOWN:
    carspeed--;
    hspeed=((double)carspeed)*Math.cos(currentAngle);
    vspeed=((double)carspeed)*Math.sin(currentAngle);
    x = x + (int)hspeed;
    y = y + (int)vspeed;
    repaint();
    break;
    public static void main(String[]args)
    RaceGame race=new RaceGame();
    race.CreateBase();
    //race.setDoubleBuffered(true);
    }

    the problem is that im making a car game(2D) in which u have upper view of car.
    i have make the car rotate bt problem is that i canot move it forward or backward correctly
    .wen i move it forward or backward i goes wrong...
    nd another problem is that i cannot both rotate and move the car at same time
    example if i press both up nd right arrow keys i doesnt move nd rotate..
    nd also plz tell me the accelerate nd reverse method so i can speedup my car like other car games
    plz help me
    here is the code
    import java.awt.*;
    import java.awt.event.*;
    import javax.swing.*;
    import java.awt.geom.*;
    import java.applet.*;
    import java.net.URL;
    public class RaceGame extends JComponent
    static int x=560;
    static int  y=410;
    static int currentAngle=0;
    static double hspeed,vspeed;
    static  int carspeed=1;
    Image car;
    //int angle=car.getAngle();
    Image getImage(String filename)
    URL url = getClass().getResource(filename);
    ImageIcon  icon = new ImageIcon(url);   
    return icon.getImage();
    //Rectangle2D.Float rect=new Rectangle2D.Float(x,y,30,30);
    //Rectangle rect=new Rectangle(x,y,30,30);
    public RaceGame()
    car=getImage("car1.jpeg");
    public void CreateBase()
    JFrame frame=new JFrame("Dare2Race");
    frame.setBounds(70,30,650,500);
    frame.setVisible(true);
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    Container c=frame.getContentPane();
    c.add(new RaceGame());
    frame.addKeyListener(new adapter());
    c.setBackground(Color.BLACK);
    //JLabel finish=new JLabel("FINISH");
    //c.add(finish);
    public void rotate()
    currentAngle+=1;
    if(currentAngle>=360)
    currentAngle=0;
    repaint();
    public void paint(Graphics g)
    super.paint(g);
    Graphics2D g2d=(Graphics2D)g;
    AffineTransform origXform=g2d.getTransform();
    AffineTransform newXform=(AffineTransform)(origXform.clone());
    newXform.rotate(Math.toRadians(currentAngle),x,y);
    g2d.setTransform(newXform);
    g2d.drawImage(car,x,y,this);
    g2d.setTransform(origXform);
    g.setColor(Color.WHITE);
    g.drawLine(640,380,420,380);
    g.drawLine(640,460,320,460);
    g.drawLine(420,380,420,300);
    g.drawLine(320,460,320,380);
    g.drawLine(420,300,125,300);
    g.drawLine(320,380,230,380);
    g.drawLine(230,380,230,460);
    g.drawLine(230,460,2,460);
    g.drawLine(125,300,125,370);
    g.drawLine(125,370,105,370);
    g.drawLine(2,460,2,180);
    g.drawLine(105,370,105,300);
    g.drawLine(2,180,450,180);
    g.drawLine(105,300,105,250);
    g.drawLine(105,250,550,250);
    g.drawLine(550,250,550,20);
    g.drawLine(550,20,275,20);
    g.drawLine(450,180,450,100);
    g.drawLine(450,100,360,100);
    g.drawLine(360,100,360,160);
    g.drawLine(360,160,10,160);
    g.drawLine(10,160,10,30);
    g.drawLine(275,20,275,90);
    g.drawLine(275,90,110,90);
    g.drawLine(110,90,110,30);
    repaint();
    class adapter extends KeyAdapter
    public void keyPressed(KeyEvent e)
      switch(e.getKeyCode())
        case KeyEvent.VK_LEFT:
        currentAngle--;
        repaint();
        break;
        case KeyEvent.VK_RIGHT:
        currentAngle++;
        repaint();
        break;
        case KeyEvent.VK_UP:
        carspeed++;
        hspeed=((double)carspeed)*Math.cos(currentAngle);
        vspeed=((double)carspeed)*Math.sin(currentAngle);
        x = x - (int) hspeed;
        y = y - (int) vspeed;
        repaint();
        break;
        case KeyEvent.VK_DOWN:
        carspeed--;
        hspeed=((double)carspeed)*Math.cos(currentAngle);
        vspeed=((double)carspeed)*Math.sin(currentAngle);
        x = x + (int)hspeed;
        y = y + (int)vspeed;
        repaint();
        break;
    public static void main(String[]args)
    RaceGame race=new RaceGame();
    race.CreateBase();
    //race.setDoubleBuffered(true);
    }and there is no compile time error in this code
    the only error that occurs when u write java RaceGame is because of the car image which compiler doesnt found and throughs exception if u place any image in ur bin folder adn name it car.jpg it wont generate error

  • Need to make a 20 second HD clip with a moving image background and text thats flies in...

    Hi all im quite new to after effects and need to make a 20 second HD clip with a moving image background and text thats flies in. I also need to create a basic cross image. If anyone could suggest the best way to go about doing this it would be greatly appreciated. Thank you in advance

    Thank you for both of your reponses and I will try and be clearer:
    what I want to acheive is a HD motion graphic of text which will almost spin onto the screen letter my letter and then a become static word. Behind this I would like to place a moving image clip.
    By 'basic cross image' what im looking to do is use a cruifix shape instead of a 't' on the text.
    I hope this makes sense and thanks again!

  • Flash and Moving Site images

    I am firstly wondering if flash will ever be widely supported again.
    I want to make my shop http://www.bohaglass.co.uk/shop/ more interactive as some of the pieces are very tall and some are quite short. At the moment you can only see a square view of the pieces.
    These changes need to last a couple of years to make them viable, but aside from an HTML5 gallery I can't figure out hhow to create a moving carousel effect that people can flick through and choose a glass item.
    In an ideal world, flash would be supported by mobile devices and any images contained within the flash could be indexed in Google images. People like movement on sites and a gallery slider is just not cool enough.
    Has anyone got any suggestions of how I can create a moving carousel effect in my shop and also what is the long-term deal with flash.
    All advice / suggestion gratefully received.
    Anna Kirsen
    Owner
    Boha Glass

    I am firstly wondering if flash will ever be widely supported again.
    Don't hold your breath.  Apart from some glaring security issues which were never fully addressed, Flash players suck the life out of mobile batteries in seconds rather than hours.  In 2011,  Adobe stopped developing Flash player for mobile.   IMO, it's got no future on the web.
    HTML5 and jQuery are the way forward.  There's not much you can't do with jQuery and it is widely supported by all devices.
    to show what you can do, copy & paste this code into a new blank document.  SaveAs TEST.html and preview in your browsers. This is HTML5, jQuery Cycle2 with the Carousel feature and jQuery Fancybox viewer.  For best results, thumbnails should be same size and ratio, but the full-sized images can be whatever size/ratio is required.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML5, Cycle2 Carousel and Fancybox</title>
    <!--Latest jQuery Core Library-->
    <script src="http://code.jquery.com/jquery-latest.min.js">
    </script>
    <!--FANCYBOX plugins-->
    <link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
    <script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
    <!--Cycle2 Plugin-->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
    <!--Cycle2 Carousel-->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.carousel.min.js"></script>
    <style>
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    aside {float:left; width:25%; border-right: 1px solid #666; padding:2%;}
    article {float:left; width:75%; padding:2%;}
    .slideshow img {
    border:4px solid #999;
    /* pager */
    .cycle-pager {
        text-align: center;
        width: 100%;
        z-index: 500;
        position: relative;
        top: 0;
    .cycle-pager span {
        font-family: arial;
        font-size: 75px;
        width: 22px;
        height: 22px;
        display: inline-block;
        color: #ddd;
        cursor: pointer;
    .cycle-pager span.cycle-pager-active { color:#09C; }
    .cycle-pager > * { cursor: pointer; }
    </style>
    </head>
    <body>
    <header>
    <h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> Responsive Carousel Slider with <a href="http://fancyapps.com/fancybox/">Fancybox2</a> Viewer</h1>
    </header>
    <aside>
    <h2>Left Aside</h2>
    <h3>Heading 3</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.
    Aenean tristique enim ut ante dignissim.</p>
    </aside>
    <article>
    <h2>Article</h2>
    <!--begin slideshow-->
    <div class="slideshow"
    data-cycle-pause-on-hover="true"
    data-cycle-fx="carousel"
    data-cycle-timeout="2000"
    data-cycle-pager="#pager"
    data-cycle-carousel-visible="5"
    data-cycle-carousel-fluid="true"
    data-cycle-slides="> a"
    >
    <!--insert thumbnails and links to full size images below-->
    <a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 1" /></a>
    <a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 2" /></a>
    <a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 3" /></a>
    <a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 4" /></a>
    <a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 5" /></a>
    <a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 6" /></a>
    <a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 7" /></a>
    <!--end slideshow-->
    </div>
    <!--begin Cycle2 pager-->
    <div class="cycle-pager" id="pager">
    <!--end pager-->
    </div>
    </article>
    <!--Cycle2 function code-->
    <script>$.fn.cycle.defaults.autoSelector = '.slideshow';</script>
    <!--FancyBox2 function code-->
    <script>
            $(document).ready(function() {
                $('.fancybox').fancybox();
        </script>
    </body>
    </html>
    Hope this helps,
    Nancy O.

  • Zooming, scrolling and moving in large images

    I'd like to create a document viewer that works like Google Maps or Safari. Basically the "image" of the document is so big that I only want to load parts of it when the user actually goes over to that part of it.
    How can I enable zooming, scrolling and moving in "large" images like that?
    I looked for a tutorial or sample code, but I wasn't able to find anything.
    Any help would be appreciated,
    -Chris.

    I have 4 Gbyte of RAM. I tried to close every applications but the problem remains. You are right about Web Browser problems but unfortunately my problem is related with Finder windows too. I have 800 Mbyte of free RAM.
    Another fact I can say to you is that when I move Finder window (or other windows as I wrote before) the area outside the border of the window is repainted not well with puzzle effect. I think the problem is related to desktop refresh and repaint. It seems that graphic acceleration doesn't work for some window!!!!

  • Photoshop CC: Have a template that I moved image into.  Image is too small.  How do I resize the image while in the template?  Or must I go to original image file and resize there again and again until I get the right fit?

    I have a template that I am able to plug different pictures into at different times.  The problem is that when I plug an image into that template, I find that the image is either too big or too small.  Is there a way to plug the image into the template and resize the image (and not the template itself) OR will I have to go to the file with the original image and resize it there and then try to plug it in to the template to see if it fits------and if it does not fit, go back to the original file with the image and resize it again and see if that fits---and so on and so on...........?  I have tried the" image size" option but it's hit or miss------mostly miss!
    Thanks!

    Read up on Smart Objects. It looks like you have no idea as to how to create and use them.
    Jut create a Smart Object from the layer containing whatever it image it is that you are "plugging into your template".  But you do need to learn the application at its most basic levels.
    Photoshop is a professional level application that makes no apologies for its very long and steep learning curve.  You cannot learn Photoshop in a forum, one question at a time.
    Or is it possible that you don't even have Photoshop proper but the stripped-down Photoshop Elements?"
    If the latter is the case, you're in the wrong forum.  This is not the Elements forum.
    Here's the link to the forum you would want if you're working in Elements.:
    https://forums.adobe.com/community/photoshop_elements/content
    If you do have Photoshop proper, please provide the exact version number of that application and of your OS.
    (edited for clarification)

  • How do I import an iPhoto Library  (V.7.1.5) created on my old MacBook (10. 6.8) into my new Macbook pro (10.9.1) running iPhoto 9.5.1? I tried copying onto memory stick and moving to new mac, but new iPhoto doesn't recognise the library.

    How do I import an iPhoto Library  (V.7.1.5) created on my old MacBook (10. 6.8) into my new Macbook pro (10.9.1) running iPhoto 9.5.1? I tried copying onto memory stick and moving to new mac, but new iPhoto doesn't recognise the library.

    So what exactly did you copy over? If it's a 12 gig iPhoto Library then it sounds like the files are there. Perhaps the copy went wrong along the way.
    Option 1
    Back Up and try rebuild the library: hold down the command and option (or alt) keys while launching iPhoto. Use the resulting dialogue to rebuild. Choose to Repair Database. If that doesn't help, then try again, this time using Rebuild Database.
    If that fails:
    Option 2
    Download iPhoto Library Manager and use its rebuild function. (In early versions of Library Manager it's the File -> Rebuild command. In later versions it's under the Library menu.)
    This will create an entirely new library. It will then copy (or try to) your photos and all the associated metadata and versions to this new Library, and arrange it as close as it can to what you had in the damaged Library. It does this based on information it finds in the iPhoto sharing mechanism - but that means that things not shared won't be there, so no slideshows, books or calendars, for instance - but it should get all your events, albums and keywords, faces and places back.
    Because this process creates an entirely new library and leaves your old one untouched, it is non-destructive, and if you're not happy with the results you can simply return to your old one.  
    Regards
    TD

Maybe you are looking for

  • OS5-Issue with reminders/alerts of all-day events

    Hi there, in our company we are used to set up anniversaries and birthdays as all-day events with a reminder at 08.00 AM in Lotus Notes which are synchronized together with individual calendar entries to the Blackberries. After upgrading the first Bo

  • Heirarchical Tree Issue

    Hi, I am trying to build a tree in a table. I have built that and now am enhancing the application as per my needs. What i want to achieve is the following: The child rows each have a field namely Quantity which the user can change. For that i first

  • Authorized one machine twice?

    I just launched iTunes and went to the iTunes Store after having been gone several days for vacation. When I tried to buy a song I got a message saying something like "This computer is now authorized. You have now authorized 4 of 5 computers to use t

  • JMenuItem and MouseListener

    Hi there!! I'm working with nested menus. Anyone knows if a JMenuItem doesn't catch mouseClicked() event when it belongs to a nested menu? I can work with mousePressed() and mouseReleased() as a "mouse click", but i'd like to know the answer to it. R

  • Connect to database via another machine

    We have a machine that is setup with a VPN connection to a database outside our firewall. Whenever we need to access this database we make a remote desktop connection to this machine. We would like to be able to connect to the database directly from