Creating an image gallery in apex....

Hi,
Im using Apex version 4.2.6... I followed the instructions in a blog to create an image gallery in apex applications....
http://apex-notes.blogspot.com/2008/12/build-image-gallery-using-apex.html
I have created all process by following that blog... But the pikachoose plugin is not available to download....
Is there is any other plugin or any other alternate way to create an image gallery in apex???
Thanks
Infant raj

HI,
Is there is any example for creating an image gallery... Went through on your link, i want to use the images that are stored in the table.....
Please advise me on application where i need to use this scripts...
jQuery plugin setup
The blueimp Gallery jQuery plugin registers a global click handler to open links with data-gallery attribute in the Gallery lightbox.
To use it, follow the lightbox setup guide, but replace the minified Gallery script with the jQuery plugin version and include it after including jQuery:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="js/jquery.blueimp-gallery.min.js"></script>
Next, add the attribute data-gallery to your Gallery links:
<div id="links"> <a href="images/banana.jpg" title="Banana" data-gallery> <img src="images/thumbnails/banana.jpg" alt="Banana"> </a> <a href="images/apple.jpg" title="Apple" data-gallery> <img src="images/thumbnails/apple.jpg" alt="Apple"> </a> <a href="images/orange.jpg" title="Orange" data-gallery> <img src="images/thumbnails/orange.jpg" alt="Orange"> </a> </div>
Thanks...
INFANT

Similar Messages

  • How can I create an image gallery with "next" buttons?

    So I am almost done with my portfolio site (YES!)..now I just need the actual content (the images). My site is written in AS3.
    I've watched many tutorials on how to create an image gallery (auto scrolling ones, scrolling ones that require mouse hover, etc etc), but those aren't what I am looking for.
    I want a gallery that looks exactly like this one here:
    http://jalbum.net/res/help/integrating-tutorial.html
    I have a lot of work to display in my porfolio so there must be arrows at the end of the thumbnails so I can add more stuff. So I am just stumped on how to make the image gallery work with the ability to scroll for more photos with the click of the arrows.
    Any ideas? Thank you.

    Watching tutorials and learning from them are two different things.  If you have learned from them you should be able to use what you have learned to devise a gallery such as the one you link to.  If you have learned from them and cannot use what you learned, then you probably need to find/learn more.
    If you study the design you linked you should be able to reason out what elements you need to devise... it is not overly complicated. 
    For the large picture you could have a Loader into which you load whatever image is selected from the thumnails. To get a brief transition you could just set the alpha of the Loader to 0 when an image change is occuring and gradually fade it in after the image has loaded.
    The greatest challenge you are likely to face is in getting the thumbnails to advance back and forth depending on which is selected.  All of the thumbs would be placed in a container (movieclip or sprite) and that would be masked so that only a portion of them is visible. 
    All thumbs that are not selected have their alpha property set to some value less than 1.  Selecting one calls for the file it associates with to be loaded into the Loader.  If the choice happens to lie off screen, then you need to move the movieclip that contains all of the thumbs some set value in the right (+x) or left (-x) direction.
    If you want the thumbnails to wrap infinitely then when one leave the thumbnails area for movement in a direction, you need to take that thumb and relocate it to the other end of the thumbs in the container.

  • Create an image gallery in DW

    Hi all
    I am working on a new website in Dreamweaver.   I am happy to hand code the HTNL and CSS (using what shortcusts are availablel CSS with Designer etc).   As a fairly new subscriber to CC I have been using Lynda.com to the learn DW and found that DW no longer supports SPRY.   I NEED TO CREATE AN IMAGE GALLERY WITHIN THE NEW SITE, but now need to know which adobe product is best to use to create the gallery and embed the appropeiate HTML/CSS etc into the pages using DW???
    I appreciate your help here

    My favorite is Fancybox2....
    It handles anything!
    http://fancyapps.com/fancybox/

  • Creating an image gallery

    Hi all,
    I am trying to work out how to create an image gallery on a
    page whereby there is a set of thumbnails to the side and the
    relevant large image opens adjacent to the thumbnails when they are
    moused over.
    I have done this using the hide/show layers function but the
    output appears incosistently in different browsers and/or window
    sizes. I had in mind some adaptation of the "swap image" behaviour
    that would open the swap in a different position? Or alternatively
    making the layers approach display consistently?
    The layers version of the page can be
    viewed
    here
    Any suggestions or guidance would be greatly appreciated,
    thanks in advance,
    Graham

    On Thu, 1 Feb 2007 15:25:09 +0000 (UTC), "hydroculture"
    <[email protected]> wrote:
    >I don't know the answer - wish I did, but I have been
    using a substitute where
    >I click on the thumbnail - which via a hyperlink takes me
    to a page where the
    >large image appears. Not as neat as what we both want ,
    but gets the same
    >effect,
    If clicking a thumbnail is an option then this is a better
    solution -
    a free extension from PVII:
    http://www.projectseven.com/tutorials/images/showpic/index.htm
    Steve
    steve at flyingtigerwebdesign dot com

  • I need to create an image gallery

    I'm looking for a tutorial which explains me how to create a simple AS3 image gallery driven by an XML file.
    The gallery I need is really simple:
    - an horizontal bar placed on the bottom containing the thumbnails which scrolls left and right according to the mouse pointer
    - clicking on a thumbnail the full image must be shown above the thumbnails' bar
    - buttons for prev and next image
    - clicking on the button which opens the gallery I must be able to pass a variable to make the gallery load the proper xml file (I've got 6 different categories to show)
    That's all I need.
    Do you know where I could find a tutorial?

    I'm trying to do it by myself.
    I've decided to give to the xml file this structure
    <imgList>
        <img thumb='img_001_thumb.jpg' full='img_001_full.jpg' desc='image 001' />
        <img thumb='img_002_thumb.jpg' full='img_002_full.jpg' desc='image 002' />
    </imgList>
    I've found some tutorials where they read the attributes in this way
    xml.img@thumb
    xml.img@full
    xml.img@desc
    where xml is an xml variable containing the xml file's data.
    I think that syntax is for AS2, while I'm using AS3 and it say to me that a semicolon is expected before atsign.
    How can I read the attributes thumb, full and desc in AS3?

  • I want to create an image gallery with forward back nav, master image with a click to pop out zoom

    Hi Musers,
    I'm currently building a photography website and need some help building a specific type of gallery.
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    Below is a description of the gallery I want to build:
    On the gallery page the gallery appears as a single 'Master Image' with forward and back 'Navs.' and a 'Counter' underneath this single 'Master Image'. Lets say that there are 10 images in this gallery. When the viewer clicks on the forward 'Nav.' the 'Master Image' changes to the next image in the sequence of 10 and the 'Counter' below confirms this progression, in this example the 'Counter' changes from 1 of 10 to read 2 of 10, the 'Master Image' displayed is the second image in the sequence.
    Simple so far.. This above I can do as this is just a basic gallery. What follows is what I cannot find a solution for.
    I want the gallery viewer to be able to click on the 'Master Image' and launch an enlargement of that image overlaying the gallery page, very much like the way the 'Lightbox' widget displays an enlarged image. When the viewer clicks off the 'Ligtbox' or enlarged image it dissapears, reverting the page view back to the standard gallery view with 'Master Image', 'Navs.' and 'Counter'. I do not want the expanded / Enlarged 'Lightbox' image accompanied by a thumbnail gallery, 'Navs.' / Navigation arrows or a 'Counter'. What I want is to be able to launch an enlarged version of the 'Master Image' as an overlay on the gallery page, something like a pop out.
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    Can anyone explain how I can do this? Is it possible?
    The solution I want seems to be a highbrid between the standard gallery with navigation arrows kept but minus thumbnails and captions with some of the functionality of the lightbox gallery widget.
    I very much appreciate any help anyone can give.
    Thank you

    Hi Harriet,
    Thanks for the message. I'm sure as time goes on new features will be introduced but it's a bit of a shame that the widget library is a little basic, oh, and at times it's just that little bit buggy. So far I'm really impressed by Muse despite being ever so slightly disappointed by some of it's limitations. I'd like to see more image gallery options, the ability to set up a client login area or a client ftp within a site, I also tried embedding video but as I'm no programmer the result looked clumsy so some focus on this would be a help. Considering that a good number of people benefiting from a Muse site will be online retailers a zoom function should have been there from the start.
    Best regards
    Jacques

  • Create an image gallery

    Evening all!!
    Please take a look at my site:
    http://www.cambridgestainedglass.co.uk/
    I am trying to work out the most efficient way to display,
    update and maintain an image gallery that fits in with the style of
    my site. I don't know php or any backend coding but I might use
    flash although this may not be the most efficient way of doing
    this. I want the pge to remain the same kind of structure so a
    sliding menu is the kind of thing I have in mind. If anybody can
    point me in the right direction or have any ideas then i would be
    very grateful. Many thanks
    S

    There are many options. Eleanor has become a resource:
    http://www.eleanorstravels.com/photogallerysuggestions.htm
    E. Michael Brandt
    www.divaHTML.com
    divaGPS : you-are-here menu highlighting
    divaFAQ : FAQ pages with pizazz
    www.valleywebdesigns.com
    JustSo PictureWindow
    JustSo PhotoAlbum
    Stefan83 wrote:
    > Evening all!!
    >
    > Please take a look at my site:
    http://www.cambridgestainedglass.co.uk/
    >
    > I am trying to work out the most efficient way to
    display, update and maintain
    > an image gallery that fits in with the style of my site.
    I don't know php or
    > any backend coding but I might use flash although this
    may not be the most
    > efficient way of doing this. I want the pge to remain
    the same kind of
    > structure so a sliding menu is the kind of thing I have
    in mind. If anybody can
    > point me in the right direction or have any ideas then i
    would be very
    > grateful. Many thanks
    >
    > S
    >

  • Is there a way to create a CSS image gallery with caption?

    Hi everyone,
    Ive been using the disjoint rollover, but I only have one
    thing that I want to add to it—a caption right underneath an
    image.
    Besides using that Project Seven plug-in, is there a way to
    create an image gallery without using layers? Or is layers the only
    way to do it? All I want (words of doom, huh?) is a thumbnail to be
    able to switch and image and add a caption to it. Can anyone point
    me in the right direction? Or is that Project Seven plug-in deal my
    best bet? What about Set Text of Layer in DW.
    Oh yeah, Im still using DW with CSS sprinkled in..any help?
    Thanks in advance.
    -C

    > Besides using that Project Seven plug-in, is there a way
    to create an
    > image
    > gallery without using layers?
    Of course.
    > What about Set Text of Layer in DW.
    That would do it, and it's not necessary that the layer stay
    a layer after
    you have done it, either. I do this frequently - make a
    layer, apply the
    behavior, and then remove the position:absolute from the div,
    and place it
    where I want it.
    See the demo here -
    http://dreamweaverresources.com/tutorials/settextoflayer.htm
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "psypent81" <[email protected]> wrote in
    message
    news:eus555$lac$[email protected]..
    > Hi everyone,
    >
    > Ive been using the disjoint rollover, but I only have
    one thing that I
    > want to
    > add to it?a caption right underneath an image.
    > Besides using that Project Seven plug-in, is there a way
    to create an
    > image
    > gallery without using layers? Or is layers the only way
    to do it? All I
    > want
    > (words of doom, huh?) is a thumbnail to be able to
    switch and image and
    > add a
    > caption to it. Can anyone point me in the right
    direction? Or is that
    > Project
    > Seven plug-in deal my best bet? What about Set Text of
    Layer in DW.
    >
    > Oh yeah, Im still using DW with CSS sprinkled in..any
    help?
    >
    > Thanks in advance.
    >
    > -C
    >

  • Image Gallery Created in Bridge & Dreamweaver CS4

    Hello!  I created an image gallery using Bridge and embedded the gallery html into a page on my website.  The gallery, however, is not showing up live.  Everything works fine locally.
    Might anyone be willing to help me with my page?
    I have my gallery embedded in this page:
    http://www.stompandcrush.com/quisomnian.html
    This is the gallery index html:
    http://www.stompandcrush.com/graffitigallery_newyork_netaacc.html
    Any help would be greatly appreciated!

    Hi Guys, This turned out to be a Unix server-side issue. Apparently the compression software being used by the ISP on this server was in some way incompatible. The ISP turned the compression off and the problem was cured.
    Cheers, Daviddhg

  • Image gallery in DW-5

    Using DW-5, is there a way to create an image gallery like the one at this link
    http://www.katherinelove.com/frset_gallery.html
    the most important thing is to have the thumbnails contain the entire image, not just a cropped bit, and the popups need to have a description of the image.  otherwise, the site design can change, which in this case it needs to do!

    Fancybox is a jQuery plugin.  You won't find any automatic slideshow features in DW because it is a web authoring app; not a photo gallery app.
    See Primer for Using jQuery Plugins:
    http://alt-web.blogspot.com/2012/11/primer-for-using-jquery-plug-ins.html
    Nancy O.

  • Embed Adobe Bridge CS5.5 web image gallery into Dreamweaver site

    Please help! I have been reading forums and trying to find the answers to my problem for days! I have created an image gallery in adobe bridge cs5.5 and have used an iframe to embed the gallery into my dreamweaver site. When I preview my site the gallery works, but after I've uploaded the gallery to the server the gallery no longer works. I have read multiple adobe forums with no success. Please help! Thanks!

    I'm not sure I completely understand your problem, because linking to a Lightroom gallery is actually very simple.
    Design your Lightroom gallery and upload it to your server. Just do it directly from LR. Let's suppose you have uploaded it into [your webroot folder]/galleries/test/.
    Don't rename any of the index files.
    Check it has actually worked, by visiting http://celestialapple.zxq.net/galleries/test/index.html with your browser.
    Create a link to the gallery on your home page. The source code for the link is <a href="/galleries/test/index.html">Other Photoshop gallery</a>
    And that's it already.
    Cheers,
    Michael

  • Image Gallery Rollover effect

    First Issue: I've dynamically created the image gallery, on
    rollover or mouseover i'm using the zoom in effect, on rollout i'm
    using the zoom out effect (that will return to the original size).
    onrollover
    zm = new Zoom(timg);
    zm.zoomHeightFrom = 1.2;
    zm.zoomWidthFrom = 1.2;
    zm.zoomHeightTo = 1;
    zm.zoomWidthTo = 1;
    zm.end();
    zm.play();
    It is working fine when the mouse is moved slowly (after
    playing the full zoom), if i move rapidly (if i rollout before the
    play effect finishes), the image's position will be changed. Please
    give me a solution for this.
    Second issue: I'm also trying to mask the image. all the
    thumbnails will be inside a canvas. How to mask the image with the
    sprite and use the zoom effect.
    Thanks in advance.

    use google to search for "flash tsunami tutorial".  specify your actionscript version if needed.

  • Flash simple image gallery problem

    Hello I have what I think is an easy problem to solve but I
    can´t find a solution.
    I´m creating an image gallery with thumbnails on the
    right inside a symbol so that
    they can all fade in at the same time, and the bigger images
    on the left that also fade in.
    I can only fit 8 thumbnail images at a time, and want to have
    more than that.
    So I´ll add an arrow below the thumbs so that when you
    click on it, you can see the other thumbs.
    I have the first 8 thumbs on the first frame of a symbol and
    the rest on the second frame.
    My problem is that the symbol that contains the thumbs is a
    graphic symbol, so that the thumbs in it, that are button symbols
    can be clicked on. I tried using button and movie clip symbols for
    the thumbnails container but then the buttons (thumbs) can´t
    be clicked any more.
    That was not a problem till I had to add more than 8 thumbs,
    cause i need to give the container an instance name, and graphic
    symbols can´t have one.
    Here is the link to download the .fla
    www.ginkgo.com.uy/old/downloads/handheld_pink.fla
    In case I didn´t make my self clear, what I need is to
    know if there´s a way to have a movie clip or button symbol
    that can have buttons in it that can be clicked on.
    I hope I didn´t give you a headache.
    Thanks a lot, Marcelo.

    thanks.
    that´s what i thought but, if i convert the container to
    a button symbol the thumbs can´t be clicked anymore.
    And if I convert the container to a movie clip like you
    suggested, then if I click on any part of the container it
    just goes to the second frame of the movie clip container, if
    i click again it goes back to the first frame and so on.
    But there is no action script for the container at all,
    please try it out with the fla i uploaded.
    i can´t figure it out.
    thanks

  • Thickbox image gallery not working.

    HI guys,
    Im creating an image gallery using the 'thickbox' widget. When I preview my page on a browser, and click the thumbnail image, nothing happens. It just loads the thickbox preloader bar, nothing else!
    I've followed online tutorials by the book! Heck, it even works on live vew in DW, but doesn't do anything on a browser!
    Can someone shed some light on this?

    marie_barnsley wrote:
    I've been through and sorted the majority of the errors, apart from 3 that are flagging up to do with the Fancybox.
    The 'rel' tag seems to be the issue and from reading online I've changed this to 'data' instead which seems to have fixed the errors.
    However, the fancybox gallery still isn't working.
    You must have the scripts linked up incorrectly.
    Replace ALL of your script links with the ones below (once it's confirmed it's working you can go directly to the pages, download the scripts and save them locally)
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript" src="http://fancybox.net/js/fancybox-1.3.4/jquery.easing-1.3.pack.js"></script>
        <script type="text/javascript" src="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js"></script>
    <script type="text/javascript" src="http://fancybox.net/js/web.js?m=20100203"></script>
    Amend the <script> at the foot of the page to as below:
    <script type="text/javascript">
    /* Apply fancybox slideshow to 'group'*/
    $("a#group").fancybox({
    'transitionIn': 'elastic',
    'transitionOut': 'elastic',
    'speedIn': 600,
    'speedOut': 200,
    'overlayShow': false
    </script>
    Then give the anchor tags in the 3 images an id="group" as below:
    <a id="group" href="http://www.marieparkinson.co.uk/images/portfolio/full/harperoffice.jpg" title="Harper Office"><img src="http://www.marieparkinson.co.uk/images/portfolio/thumbs/harperthumb.jpg" alt="image 2"/></a>

  • Dynamic Image Gallery AS2

    I have dipped in almost every search engine and this site to
    locate some easier way to create dynamic image gallery in Flash 8
    AS2 using ASP (as i am conversant with ASP only, although i found
    many sites suggesting PHP and XML). I'd be very greatful to u all
    if u could provide me some help in this part of my project.
    I have tried this source also but neither the source throw
    any error nor it displays the images, what could be wrong with the
    source? Please Please Please Please Please Help me!!!!!!!!
    this.createClassObject(mx.containers.ScrollPane,
    "scroller_sp", 10);
    scroller_sp. setSize (100, 300);
    swfThumbs=["imgs/img1.jpg","imgs/img2.jpg","imgs/img3.jpg"]
    this.createEmptyMovieClip("clipLoader",1);
    for(i=0;i< swfThumbs.length;i++){
    clipLoader.createEmptyMovieClip("clip"+i+"_mc",i)
    clipLoader.attachMovie("clip"+i+"_mc","clip"+i+"_mc",i+10);
    clipLoader.loadMovieNum(swfThumbs
    ,i+100);
    scroller_sp.contentPath = clipLoader;
    thanks in anticipation and regards
    raajaindra

    Hi,
    I have a picture show.
    It creates its own folder when you first upload images with
    the integrated Image uploader. Then it loads the images in with
    ASP.
    Have a look at
    http://netwings.info
    - click the B1 Image-show.
    When you are interested, the contact is at the site.
    Regards,
    Luciewong

Maybe you are looking for

  • Multiple Windows Accounts, Shared Music, Different User Settings...

    So here is the background. I have a single computer that that we run iTunes on and purchase all of our content on using a single iTunes account. We keep all of this managed in a single iTunes library. My kids, wife and I all have iPods or iPhones tha

  • Insert 'with key', impossible?

    Hello, I try to insert 'LIKE LINE OF' table into internal table but I found only INSERT... INTO... INDEX! Is it possible to insert this line on special position like node_key? thanks

  • IFTSTA parcel status tracking

    The EDI standard defines some messages for communication to/from a parcel carrier, i.e.: IFTMIN "A message from the party issuing an instruction regarding forwarding/transport services for a consignment under conditions agreed, to the party arranging

  • WVC54GC Viewer/recorder

    I upgraded the WVc54GC to the latest firmware 1.26 from 1.19, the Viewer worked fine on previous firmware but after the upgrade it can't detect the camera via Ethernet or wireless. Tried to downgrade the firmware but got an error.

  • Lost iphoto. need free download

    Are there any models of iPhoto that I can download for free? If so, where do I find it?