I currently have a page in Web2Py that displays an image. I want this image 
to fade in when the page has loaded, but I am not how to implement this 
JQuery to my web2py page in order to do so.

Here is the view page (show.html) that contains the image (Product_Image):


{{extend 'layout.html'}}
<div class="hiHolder">

    <div class="leftShow">
        <img style="width: 100%; max-width: 440px; max-height: 480px;" 
src="{{=URL('default', 'download', args=post.Product_Image)}}"></img></div>


Here is the web2py_ajax.html page that contains the JQuery:


<script>
    type="text/javascript" src="default/show.html"

    $(".leftShow").fadeIn(500);</script>


I am currently referencing it by identifying the source page, but I am not 
sure if that is needed. Also I am using the div class inside the JQuery 
function to hopefully reference the image.


I am new to web2py so my method may be wrong, any advice will be helpful.

-- 
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
--- 
You received this message because you are subscribed to the Google Groups 
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
For more options, visit https://groups.google.com/d/optout.

Reply via email to