Gallery using spry grow effect that targets the clicked thumbnail

Hello. I'm trying to build a gallery with thumbnails that,
when clicked, grow to display the full-size image. I created an xml
spry data set and I'm using a spry:repeat to go through each row of
the data set and create the thumbnail. Then I attach the grow
effect, but since the target is each of the thumbnails, I need an
unique id for each. I tried using id="thumb_{ds_RowID}" (and
ds_RowCount and ds_RowNumber) but it doesn't work.
I guess ds_RowID is not valid outside the spry:region, but
perhaps there's a way around this?
Can anyone give me any sort of advice on how I could make
this work? Thank you.

Hello Dexter,
By looking in the code I think the problem appears because of
borders that are not defined in the CSS and on IE they are reported
as NaN. Try to change the border definition for the element to 0px
explicitly.
Could you show me a link where you have the page with the
problem or give me the CSS definition of the element that is
initially invisible so I can test this bug and do the corrections.
Cristian MARIN

Similar Messages

  • Which data center you recommended for hosting a websites that targeting the region of Iraq?

    I am wondering, Which data center you recommended for hosting a websites that targeting the region of Iraq?
    Here is a list of current Azure's data centers:
    -US East
    -US West
    -US North Central
    -US South Central
    -Europe North
    -Europe West
    -Asia Pacific East
    -Japan East
    -Japan West
    -Brazil South
    Thanks

    Hi,
    As far as I know, this is determine by your use group, choose the data center that was closest to your use group, you could also use
    http://azurespeedtest.azurewebsites.net/ to test the speed.
    Best Regards,
    Jambor 
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

  • Spry grow effect glitch.

    I'm trying to do a gallery something similar to:
    http://labs.adobe.com/technologies/spry/demos/gallery/
    but the grow effect on my Spry page is glitchy in the sense that it
    jumps/shakes on rollover and sometimes it gets stuck and doesn't
    mouseout. You can see what I'm talking about here:
    http://www.tinsley.com/www/test/
    . Not sure what the problem is other than I'm using tables and not
    div's but not sure if that would cause this. The code DW is
    generating for the effect is the following:
    <a href="images/work/large/AdMNIJul.jpg" class="thickbox"
    title="Your fly is down and you couldn't be happier."
    rel="gallery">
    <img src="images/work/medium/AdMNIJul.jpg" alt="thumb"
    width="20" height="20" onmouseover="MM_effectGrowShrink(this, 500,
    '20px', '70px', false, false, false)"
    onmouseout="MM_effectGrowShrink(this, 300, '70px', '20px', false,
    false, false)" onclick="MM_effectGrowShrink(this, 500, '70px',
    '20px', false, false, false)" />
    </a>
    Any help would be appreciated. Thanks in advance.

    firefox gives error;
    quote:
    Spry.Effect.DoGrow is not a function
    GrowShrink(img#cooperfineart.jpg cooperfineart.jpg, 1000,
    "150px", "520px", true, false, false)port.asp (line 23)
    onclick(click clientX=0, clientY=0)port.asp (line 1)
    [Break on this error] Spry.Effect.DoGrow(targetElement,
    {duration: duration, from: from, to: to, togg...
    port.asp (line 23)
    Spry.Effect.DoGrow is not a function
    becouse Spry.Effect.DoGrow is SPRY 1,5 code (i think)
    maby update your SPRY, your using 1,4. current release is
    1,6

  • Spry Grow Effect

    I've added the grow effect to my site to grow and shrink
    images on my portfolio page.
    It works fine on my localhost server but when I upload it to
    my webserver (Fasthosts: Windows IIS 6) it just stops working. All
    the code is present, the function being called correctly, but it
    just doesn't do anything.
    Help me?
    My page is at:
    http://www.designermonkey.co.uk/port.asp?mod=port&port=top10
    Designermonkey">Designermonkey

    firefox gives error;
    quote:
    Spry.Effect.DoGrow is not a function
    GrowShrink(img#cooperfineart.jpg cooperfineart.jpg, 1000,
    "150px", "520px", true, false, false)port.asp (line 23)
    onclick(click clientX=0, clientY=0)port.asp (line 1)
    [Break on this error] Spry.Effect.DoGrow(targetElement,
    {duration: duration, from: from, to: to, togg...
    port.asp (line 23)
    Spry.Effect.DoGrow is not a function
    becouse Spry.Effect.DoGrow is SPRY 1,5 code (i think)
    maby update your SPRY, your using 1,4. current release is
    1,6

  • Photo gallery using Spry/CSS?

    I have done a spry gallery, by replacing images from a
    tutorial. tried to center the page within the browsers windows by
    looking @ previous css, page ignores all but body color. here is
    the code can some one help please?
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN" "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <!--Copyright (c) 2006. Adobe Systems Incorporated. All
    rights reserved.-->
    <html xmlns="
    http://www.w3.org/1999/xhtml"
    xmlns:spry="
    http://ns.adobe.com/spry">
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=utf-8" />
    <title>Ajax Album Demo</title>
    <script type="text/javascript"
    src="includes/xpath.js"></script>
    <script type="text/javascript"
    src="includes/SpryData.js"></script>
    <script type="text/javascript">
    var dsGallery = new Spry.Data.XMLDataSet("photos.xml",
    "/gallery/photos/photo");
    var dsData = new Spry.Data.XMLDataSet("photos.xml",
    "/gallery");
    </script>
    <style type="text/css">
    <!--
    body {
    background-color: #666666;
    text-align: center;
    z-index: 1;
    margin: 0;
    padding: 0;
    container {
    text-align: left;
    width: 800px;
    z-index: 2;
    border: 1px solid 000000;
    margin: 0 auto;
    background: ffffff;
    position: relative;
    img.thumbs {
    float:left;
    height:75px;
    width:75px;
    #main {
    position:absolute;
    left:325px;
    top:55px;
    width:575px;
    height:520px;
    z-index:2;
    #thumbContainer {
    left:100px;
    top:55px;
    width:225px;
    height:520px;
    z-index:1;
    position:absolute;
    #header {
    position:absolute;
    left:100px;
    top:0px;
    width:800px;
    height:55px;
    z-index:3;
    -->
    </style>
    </head>
    <body>
    <div id="header"><img src="images/HP 2 Header.jpg"
    width="800" height="54" /></div>
    </div>
    <div id="thumbContainer" spry:region="dsGallery
    dsData"> <img src="{dsData::thumbnail/@base}{@thumbpath}"
    spry:repeat="dsGallery" class="thumbs"
    onclick="dsGallery.setCurrentRow('{ds_RowID}');" /> </div>
    <div id="main" spry:detailregion="dsGallery
    dsData"><img src="{dsData::large/@base}{@path}"/><br
    />
    Name: {@path}</div>
    <div id="apDiv1"></div>
    </body>
    </html>
    Thanks

    Thats beouxe of the position absolute, top left, these force
    the elements in position.
    So u would need to change that and it would "center" in the
    way u wanted.

  • Upgraded to 8.0.2 on 5. Lost all photos in camera roll and photo stream.  I used a recovery tool that shows the photos are still in there 'somewhere' but they want $70 to recover them.  Any free methods? I shouldn't have to pay for Apple's screw up!

    Also, I did a backup on iTunes before the upgrade but after the upgrade completed, it performed a backup that overwrote the last one I did.  At least I think it did, there is only one backup showing up in the MobileSync-Backup folder on my computer.  Also, in iTunes on the bottom of the screen, the bar that shows how much storage space is being used by what, its number of pics is several hundred more than the number of pics on my phone.  The ones it didn't erase were in a different album that I had uploaded from my computer (ironic that the pics that I didn't lose in the upgrade, I already have copies of on my computer). Anyhow, I used a trial version of recovery program called Wondershare Dr.Fone for ios, and while I'm definately not here to promote them, after it did the scan on my iphone, it showed thumbnails of all the missing photos, along with everything else I'd ever done on my phone lol. So I do know they are in there, I just can't afford to pay $70 to retrieve them, nor do I think I should have to as the upgrade caused them to be missing!  Does anyone know of a free recovery tool? I never used iCloud, so that is not an option either.

    Also, I did a backup on iTunes before the upgrade but after the upgrade completed, it performed a backup that overwrote the last one I did.  At least I think it did, there is only one backup showing up in the MobileSync-Backup folder on my computer.  Also, in iTunes on the bottom of the screen, the bar that shows how much storage space is being used by what, its number of pics is several hundred more than the number of pics on my phone.  The ones it didn't erase were in a different album that I had uploaded from my computer (ironic that the pics that I didn't lose in the upgrade, I already have copies of on my computer). Anyhow, I used a trial version of recovery program called Wondershare Dr.Fone for ios, and while I'm definately not here to promote them, after it did the scan on my iphone, it showed thumbnails of all the missing photos, along with everything else I'd ever done on my phone lol. So I do know they are in there, I just can't afford to pay $70 to retrieve them, nor do I think I should have to as the upgrade caused them to be missing!  Does anyone know of a free recovery tool? I never used iCloud, so that is not an option either.

  • How to use of Business Trnasaction That set the system status in BS23

    Run Tcode BS23, If i give I0117 in left  bottom corner > Enter> Click on system Status I0117 Top Left corner > Press F6> system will go to system Status Cross reference screen
    Here we can find the Business Transaction  related information like Process That set the status, Process that deletes the status etc. ( business transaction like RMEP ,RMEZ ,RMUP )
    Above scenario i have depicted for  System Status DSPT. But
    Now my Question is very generic not for only I0117 System Status ( DSPT)
    But  from name of  business transaction how can we get idea that, this Business Transaction can be performed by which T Code,
    this Bu transaction is belogs to which module etc....
    How can I find help related to this business Trnasction from System / any report/ Programme from SE38 etc.....
    I am functional, Please explain me accordingly..
    Being Functional Consultant how can we get maximum help from this Business Transaction.
    Any help pointing to above querries would be appreciated.
    Regards
    Nitin

    Hi,
    Try transaction BERP.
    It will give  you the following info.
    1. See the business events available and the pupose they are meant fot
    2. Documentation for that particular event (here you can know where exactly it is called)
    3. Interface parmeters required in the custom FM
    4. A sample function module with the export import parameters.
    There are few more transaction which are usefull in Bte
    FIBF --> Maintenance transaction BTE
    BERE --> Business Event Repository
    BERP --> Business Processes
    BF31 --> Application modules per Event
    BF32 --> Partner Modules per Event
    BF34 --> Customer Modules per Event
    BF41 --> Application Modules per Process
    BF42 --> Partner Modules per Process
    BF44 --> Customer Modules per Process
    and Bte is attach to a process it works in similar way like workflow do, you can't exactly know the tcode by looking into the event but you can know it with the process for eg.
    This event is called while invoice printing.
    00705000     Invoice print: Exclude contracts
    and we can get more info by checking its description.
    Hope this will help,
    With best regards,
    Navneet Chaubey

  • Use or not use OIP ... that is the question

    Hi, we are beginning on a project of implementation of a intranet in a company for 1.100 users, concurrent aprox. 400.
    The intranet will have a lot of content and documents, and the publish of content will be done by departments.
    Of course we have to apply to the portal the corporate style.
    In that scenario my doubt is if is possible to use the OIP ? or is better do that directly in the portal ?
    The structure of the OIP can be ok, but I have seen some limitations, as the change of the style, add new content, add new portlets ...
    I would be very grateful if someone can help me.
    Thanks in advanced.
    Regards.

    Hi,
    OIP would be fine to use from the content and even from the number of users point of view, however, as you say, you will not be able to apply the exact corporate graphic identity into it. So you have to decide - if easy setup, administration and content management is the main target, go for OIP; if corporate design is very important, then Oracle Portal would be the way...
    DM

  • Program used in R/3 that creates the sales orders sent by CRM

    Hello CRMers:
    We are working with Sales orders in CRM that, via Middleware, replicate into R/3.
    We need to add a Abap development in order to change the Sales orders Delivery block status when these orders are created in R/3.
    The problem we have is that we don't know the Bapi or the program that creates Sales order in R/3 when it is sent by CRM.
    Thanks in advance!
    Laura

    Hi Laura,
    Did you consider SO doc type config in VOV8 to autoblock when created?  Its standard only and doesn't require development work....
    Actually, in VOV8 for the document type of the Sales Order in ECC (or R/3), you may add indicator A  -  Only automatic creation allowed, e.g. for rebate processing
    for the field, Sales Document Block.  So, when CRM creates the SO# and transmits to R/3, it will get blocked automatically....
    Regards

  • When I use spry fade effect I get crisp font.

    My page looks like this before fade effect. The letters are smooth.
    After fade effect. I get this crisp letters.
    Why ??
    Thanks in advance.
    And sorry about my poor english.

    Thanks for your help and time.
    I wrote the "background-color:#FFF;" css for the object and didn't work.
    So I wrote the same css for the parent object and works perfectly.
    Thanks again.

  • My iphone fall in recovery mode many times, I used Itunes to try that solutions the problem but nothing work. What do you recomend?

    I have a problem with my iphone 4, it fall in recovery mode every hour in a day and working very slowly. I actualised the itunes, but nothig work. Can anybody help me?

    I don't know if anyone could help. My phone does not give that error message anymore. This is what usually happens first, where it keeps waiting for iphone:
    http://flic.kr/p/fXYEVN
    and then, I get this error message:
    http://flic.kr/p/fXYAwX
    During the whole time, my screen stays black (a hint of the blacklight) but no apple logo, no sound, no "connect to itunes"
    I just want this to work. Any ideas? I am pretty much up for anything

  • Could You Create Complex App Using Only Swift If That's the Only Language You Know?

    Hi. If you've never really programmed, could you just learn Swift and still be able to create complex apps without learning Objective-C, C and the other C derivatives like Python and Java? Is Swift going to be enough coz' it's advertised to be able to create even an operating system it seems without needing to learn any other programming language.
    Thank you in advance.
    God bless, Matt. 16:18

    Yes. Swift is a programming language but a higher level language than Objective-C. Get the iBook and take a look for yourself.
    These are non-denominational forums. Please refrain from posting religious references.

  • Use cflock or not use cflock on MX, that's the question

    Hi all,
    Well here we are, i have a brand new application running, but
    before i would launch it,
    i would like to have your opinion about cflock.
    I do use it when i work with files but is it really needed to
    lock all my session variables?
    I use a lot of Object Oriented cfc's who are in session (sort
    of Beans), as i don't seem to have problems using them
    without cflock, my question is, is it really needed on an
    Javabased env. ?
    How are sessions threathed in mx? is it like a java thread?
    then i see no problems...
    Please let me know what you think about this.
    Regards,
    N0cTje

    You still need to use <cflock> in race
    conditions.

  • I have been trying to chat to Apple support online but every time I click on something, I get a little box with writing that obscures the click I want to make, for instance if I click on the red light, it gets obscured by some writing.  Very annoying.  An

    Does anyone else have the problem of clicking on something, say, for instance the red light, and then getting a little box of writing which obscures the red light so that nothing happens.  I am getting terribly bored with this problem.  It happens over and over again and then eventually I click again and the box with writing goes away and I can clcik the red light.  Difficult to explain.

    Can you provide a screen shot of this "Red light" phenomenon?
    Press, Shift-Command 3
    Use the camera icon to upload the shot from your Desktop.

  • Problems with using Spry photo gallery and Opera browser

    Using Dreamweaver CS3. I'm working on a website for a friend.
    It looks great in:
    -IE 6 and 7
    -Firefox
    -Safari
    But in Opera, the photo gallery I put in (uses spry to change
    images as the user rolls over the thumbnail) pops up a login box in
    Opera. It doesn't do this in any other browser and it works
    perfectly in all other browsers.
    WDYT? TIA, Steve

    Using Dreamweaver CS3. I'm working on a website for a friend.
    It looks great in:
    -IE 6 and 7
    -Firefox
    -Safari
    But in Opera, the photo gallery I put in (uses spry to change
    images as the user rolls over the thumbnail) pops up a login box in
    Opera. It doesn't do this in any other browser and it works
    perfectly in all other browsers.
    WDYT? TIA, Steve

Maybe you are looking for