Zoom Image

[Tricky]

Hey again..

I haven't ask anyone yet, but i want to do this in my code:

when I &(everyone) hold over a image, the image will zoom in the middle of the screen, in some kinda box or something(in the preview size with is for me: 640x480), i HOPE its possible with some edits..

<?php
       /* Init */
       $return  = "";
       $to_show = 42;
       $per_row = 6;
       $count   = 0;

       /* Query */
       $this->DB->build( array( 'select'   => 'i.id AS picid, i.masked_file_name, i.directory, i.caption, i.member_id, i.ratings_count, i.ratings_total, i.comments ',
                                                        'from'     => array( 'gallery_images' => 'i' ),
                                                        'add_join' => array( 0 => array( 'select' => 'g.rate AS number',
                                                                                         'from'   => array( 'gallery_ratings' => 'g' ),
                                                                                         'where'  => 'i.id=g.img_id',
                                                                                         'type'   => 'left' ) ),
                                                        'add_join' => array( 1 => array( 'select' => 'm.name as uname',
                                                                                         'from'   => array( 'members' => 'm' ),
                                                                                         'where'  => 'i.member_id=m.member_id',
                                                                                         'type'   => 'left' ) ),


                                                        'order'    => 'i.id DESC',
                                                        'limit'    => array( 0, $to_show ),
                                       )          );
       $this->DB->execute();

       /* Got some rows */
       if ( $this->DB->getTotalRows() )
       {

               $return .= "<div><table>";

               $return .= "<tr>
                           <td rowspan='{$this->DB->getTotalRows()}' valign='top; right'>
<div class='message user_status left'>
<div style='text-align:left;'>

<br>
<br><center>
<b>Featured Work</b><i>(week 44)</i>
<br>
<a href='http://wallbase.org/index.php?app=gallery&module=images&section=viewimage&img=2788'>
<img src='http://wallbase.org/uploads/1243459243/tn_gallery_74_121_139185.jpg'/></a>
<br>
By: <a href='http://wallbase.org/index.php?app=gallery&module=user&user=74'>AzDude</a>
<br></center>
<br>

<blockquote>
<img src='http://wallbase.org/v105/images.ico'> <b><i><a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=3'> Wallpapers</a></i></b><br>
<blockquote><font size='1'><i>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=15'>3/4 Dimensional(3D or 4D)</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=8'>Minimalistic</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=4'>Abstract</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=13'>Animals & Plants</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=167'>Desktop Screens</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=168'>Holidays</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=5'>People</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=6'>Photo Manipulated</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=7'>Landscapes & Scenery</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=14'>Miscellaneous</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=19'>Multi Desplay</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=9'>Macabre & Horror</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=18'>Mac/PC </a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=18'>OS Wallpapers</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=10'>Vector</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=11'>WallBase Art</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=186'>History</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=61'>Fractal Art</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=101'>Streen Art or Graffiti</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=16'>Fantasy</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=17'>HDTV/Widescreen</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=20'>Science Fiction</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=21'>Vehicles</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=74'>Pixel Art</a><br><br>
</font></i></blockquote>
<img src='http://wallbase.org/v105/images.ico'> <b><i><a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=22'>Photographs</a></i></b><br>
<blockquote><font size='1'><i>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=25'>Animals, Plants & Nature</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=134'>Body Art</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=24'>People & Portraits</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=29'>Photojournalism</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=27'>Macro</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=23'>Abstract & Surreal</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=30'>Miscellaneous</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=47'>Trees</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=26'>Still Life</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=17'>Sunriss, Sunsets & etc</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=28'>Urban & Rural</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=46'>Winter Scenes</a><br>
<a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=169'>Holidays</a><br><br>
</font></i></blockquote>
<blockquote><b>
<img src='http://wallbase.org/v105/images.ico'> <i><a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=187'>Animated GIf's</a></i><span style='color:#FF0000;'><font size='1'><i> New</span></font></i><br>
<img src='http://wallbase.org/v105/images.ico'> <i><a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=173'>Artisan Crafts</a></i><span style='color:#FF0000;'><font size='1'><i> New</span></font><br>
<img src='http://wallbase.org/v105/images.ico'> <i><a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=162'>Icons</a></i><br>
<img src='http://wallbase.org/v105/images.ico'> <i><a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=56'>Digital Art</a></i><br>
<img src='http://wallbase.org/v105/images.ico'> <i><a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=51'>Fan Art</a></i><br>
<img src='http://wallbase.org/v105/images.ico'> <i><a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=73'>Photo-Manipulation</a></i><br>
<img src='http://wallbase.org/v105/images.ico'> <i><a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=172'>Scrap Images</a></i><br>
<img src='http://wallbase.org/v105/images.ico'> <i><a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=145'>Vector</a></i><br>
<img src='http://wallbase.org/v105/images.ico'> <i><a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=12'>Vexel</a></i><br>
<img src='http://wallbase.org/v105/images.ico'> <i><a href='http://wallbase.org/index.php?app=gallery&module=cats&do=sc&cat=75'>WallBase Pro Portfolios</a><span style='color:#FF0000;'><font size='1'><i> New</span><br></font></i><br>
</i></b></blockquote>
<br><br>
<br>        
<i><font size='1'>
<a href='http://wallbase.org/index.php?app=gallery&module=stats&do=ratings'>Top Rated Images</a> | 
<a href='http://wallbase.org/index.php?app=gallery&module=stats&do=views'>Most Viewed Images</a> |
<a href='http://wallbase.org/index.php?app=gallery&module=stats&do=comments'>Recent Comments</a>
</font></i></div><br><br> 
</td></div><font size='2'>
                                                       </tr>";


               while ( $row = $this->DB->fetch() )
               {
                       $count++;
                       $row['rate']['id'] = intval( $row['picid'] );
                       $row['rate']['number'] = intval( $row['number'] );
                       $row['rate']['canrate']         = 1;
                       $row['rate']['_rate_int'] = $row['ratings_count'] ? round( $row['ratings_total'] / $row['ratings_count'], 0 ) : 0;

                       $row['number'] = $this->registry->output->getTemplate( 'gallery_imagelisting' )->rate_form( $row['rate'] );

                       $return .= <<<EOF
       <td class='short'><div class='message user_status'>
               <br><a href="index.php?app=gallery&module=images&section=viewimage&img={$row['picid']}">
                       <img src="uploads/{$row['directory']}/tn_{$row['masked_file_name']}" alt="{$row['caption']}"/>
               </a><br />
               <i>By:</i><a href='index.php?app=gallery&module=user&user={$row['member_id']}'><b> {$row['uname']}</b></a></strong><br />{$row['number']}
               <br />
               Comments: </a> <a href="index.php?app=gallery&module=images&section=viewimage&img={$row['picid']}"><b>{$row['comments']}</b></a>
<br>
      </td></div>
EOF;

                       /* New row */
                       if ( $count && $count % $per_row == 0 )
                       {
                               $return .= "</tr><tr>";
                       }
               }

               $return .= "</tr></table></div>";
       }

       /* Return */
       print $return;

?><br><br><br><br>

Edytowane 1 Listopada 2009 przez Tricky

[DawPi]

Bleh, you're great man! You want advanced codes without any action from you! Dude we can help you but no do it for you! You must and should learn some things about php etc. to making such and similar things!

I can't add it for you because this require a lot of my time to learn how to add it and make it.

Come on and show us that you can learn it!

[Tricky]

hahaha easy for you to say it takes time to learn php and html! ^^ i dont have time to that ^^ haha!

well, i can read it, but the memory i got are kinda way off ^^.) i have oilpainted houses, rooms etc in 3 years now ^^ haha

[DawPi]

You should find some informations about lightbox word.

[Tricky]

okay, i found something:D i give ya report back(dont close this topic) ^^

[Tricky]

You are mean!! i just get errors and crap..

Parse error: syntax error, unexpected '<' in /home/wallb0/public_html/admin/applications_addon/other/uportal/modules_public/uportal/uportal.php(1171) : eval()'d code on line 125

i can do this all day/night long without any progress ^^ hahaha

[DawPi]

Show what you found.

[Tricky]

okay, dont laugh!

file:///C:/Users/Hauen/Desktop/index.html

http://www.lokeshdhakar.com/projects/lightbox2/

[DawPi]

Ok, now you should read it carefully and put into IP.Board.

[Tricky]

i did everything.. but the :

<script type="text/javascript" src=".../v105/js/prototype.js"></script>

<script type="text/javascript" src=".../v105/js/scriptaculous.js?load=effects,builder"></script>

<script type="text/javascript" src=".../v105/js/lightbox.js"></script>

<link rel="stylesheet" href=".../v105/css/lightbox.css" type="text/css" media="screen" />

makes the error come! thats the only problem.. i added all images, css..

Edytowane 2 Listopada 2009 przez Tricky

[DawPi]

Add this into:

For board and in approbiate place in unreal skin.

[Tricky]

^^,) u are making this to hard for me.. ill try!

okay! added that ^^

Edytowane 2 Listopada 2009 przez Tricky

[Amfidiusz]

I have found the file file:///C:/Users/Hauen/Desktop/index.html really interesting! It describes everything you need!

[Tricky]

haha^^,)

----

see now: http://wallbase.org/

i cant get img up ^^

Edytowane 2 Listopada 2009 przez Tricky

[DawPi]

Read a gain instruction and find what cause this situation. Then i'll try help you.

[Tricky]

okay, i've done what it says..and i cant get it to work... maybe im stupid or im missing something..

and now i have http://wallbase.org/index.php?app=gallery that problem

a black box at top!

Edytowane 2 Listopada 2009 przez Tricky

[Tricky]

hello? i had to remove the scripts... just so u know

[DawPi]

Hello Tricky,

please mention you're not alone on board and please be more patient.. We don't spend here all our free time.

[Amfidiusz]

We don't spend here all our free time.

Speak for yourself

PS I tak gratuluję cierpliwości.

[Tricky]

ok, sorry!

[Tricky]

I'll ask someone else since u are so busy!

thanks for any help

close topic(not resolved but its the end of this question)

Edytowane 3 Listopada 2009 przez Tricky

[Tricky]

So, got time now or?

[DawPi]

Hello,

unfortunatelly i can't help you in this case because i don't know much .js. :)

[Tricky]

Well, make it close its wayyy to hard for me ^^,) haha