Not signed in (Sign In)

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorpandianbe
    • CommentTimeMar 15th 2009
     
    Hi all,

    I need the Next/Prev Link with Image.....Please refer the below URL for Example.

    http://www.solemnchaos.net/2009/02/fractal-explorer-2004-2008-part-1/patterns/

    Please help me anyone how can i achieve in picture.php?

    Regards,
    Pandian
    •  
      CommentAuthormemic.a
    • CommentTimeMar 15th 2009
     
    I'm doing something like that for my gallery.
    When I finish I will post the code here.
    •  
      CommentAuthormemic.a
    • CommentTimeMar 15th 2009
     
    I see you already done it.
    I made something different from you... My code show you the preview of the image on mouse-over the link (Next/Prev).
    You can see the example here: www.memic.net

    When moving the mouse cursor over the Next or Previous link it show you a tooltip with the preview.
    If someone need it, I can post the code here.

    memic
    Thankful People: sgsuneel
    •  
      CommentAuthormemic.a
    • CommentTimeMar 16th 2009 edited
     
    No problem...
    You have to change these 2 functions: plogger_get_next_picture_link() and plogger_get_prev_picture_link(). (in plog-functions.php)

    1.
    I post here only the modified version of the function, I don't have the original. (my plogger version is 3.2)

    function plogger_get_next_picture_link() {

    global $config;
    $next_url = plogger_get_next_picture_url();
    $image_list = $GLOBALS["image_list"];
    $row = $GLOBALS["current_picture"];
    $current_picture = array_search($row['id'],$image_list);
    if ($current_picture < sizeof($image_list)-1){
    $id = $image_list[$current_picture+1];
    }
    $pic_data = get_picture_by_id($id);
    $thumb=generate_thumb($pic_data['path'], $id);
    if ($next_url){
    $next_link = '<a accesskey="." href="'.$next_url.'" title="Next" class="screenshot" rel="'.$thumb.'">Next &raquo;</a>';
    }
    else{
    $next_link = '';
    }
    return $next_link;
    }


    the second function

    function plogger_get_prev_picture_link() {

    $prev_url = plogger_get_prev_picture_url();
    $image_list = $GLOBALS["image_list"];
    $row = $GLOBALS["current_picture"];
    $current_picture = array_search($row['id'],$image_list);
    if ($current_picture > 0){
    $id = $image_list[$current_picture-1];
    }
    $pic_data = get_picture_by_id($id);
    $thumb = generate_thumb($pic_data['path'], $id);
    if ($prev_url){
    $prev_link = '<a accesskey="," href="'.$prev_url.'" title="Previous" class="screenshot" rel="'.$thumb.'">&laquo; Previous</a>';
    }
    else{
    $prev_link = '';
    }
    return $prev_link;
    }


    2.
    Now download these 2 JavaScript files and include it in your header.
    http://cssglobe.com/lab/tooltip/03/main.js
    http://cssglobe.com/lab/tooltip/03/jquery.js

    3.

    The last thing is to add this CSS code to your gallery.css file.

    #screenshot
    {
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
    }



    This could be a nice feature to add in a future Plogger release...


    memic


    P.S Here is the link to the site that provided this tooltip script
    • CommentAuthorpandianbe
    • CommentTimeMar 17th 2009
     
    Thanks for your Great idea......

    How to you Get below rotating Navigation images?

    Thanks and Regards,
    Pandian
    •  
      CommentAuthormemic.a
    • CommentTimeMar 17th 2009
     
    The navigation thumbnails are a plogger feature.


    <div id="thumbnail-nav" class="clearfix">
    <?php echo plogger_get_thumbnail_nav(); ?>
    </div>
    • CommentAuthorpandianbe
    • CommentTimeMar 18th 2009 edited
     
    Next image doesnt Provide the image........Please help me or ping me stillstamil[at]yahoo.com or stillstamil[at]gmail.com
    •  
      CommentAuthormemic.a
    • CommentTimeMar 18th 2009
     
    Hi, Next image doesn't Provide the image??
    What about the other, Previous?? Can you provide a link to the page?