SilabGarza - RS Private Server  
Home Forum Play Register Store Market Highscores Mark Forums Read
Go Back   SilabGarza - RS Private Server > SilGar Media > Computers > Programming
Reload this Page script to enlarge picture


script to enlarge picture
Old
  (#1 (permalink))
Sao Godo is Offline
<span style="color: lavender">Nomen est omen</span>
image
 
Sao Godo's Avatar
 
Posts: 4,574
Cookies Given: 15
Cookies Received: 50
Time Online: 40 d 23 h 34 m
Clan: Win
   
Default script to enlarge picture - 05-17-2011, 02:55 AM

I'm looking for the script which allow to enlarge a picture as you click it.

someone can help me?



Trusted Helper


  
Old
  (#2 (permalink))
Sao Godo is Offline
<span style="color: lavender">Nomen est omen</span>
image
 
Sao Godo's Avatar
 
Posts: 4,574
Cookies Given: 15
Cookies Received: 50
Time Online: 40 d 23 h 34 m
Clan: Win
   
Default 05-17-2011, 05:31 AM

/solved



Trusted Helper


  
Old
  (#3 (permalink))
Bonifah is Offline
Senior Member
image
 
Bonifah's Avatar
 
Posts: 7,498
Cookies Given: 105
Cookies Received: 189
Time Online: 66 d 9 h 45 m
   
Default 05-17-2011, 04:15 PM

..mind explaining what you were talking about?


Daniel Defense M4V7
Glock 22 Gen4
Savage Arms 64 F
  
Old
  (#4 (permalink))
Sao Godo is Offline
<span style="color: lavender">Nomen est omen</span>
image
 
Sao Godo's Avatar
 
Posts: 4,574
Cookies Given: 15
Cookies Received: 50
Time Online: 40 d 23 h 34 m
Clan: Win
   
Default 05-17-2011, 10:49 PM

of course

First of all I had to write this code in the forum/site css of the interested page:
Code:
/* THUMB BY CHUCK - http://ffmagazine.forumfree.it/?act=Profile&MID=1927869 */
.thumbnail {position: relative; z-index: 0}
.thumbnail:hover {background-color: transparent; z-index: 9}
.thumbnail span {position: absolute; background-color: transparent; padding: 5px; left: -1000px; border: 0 dashed gray; visibility: hidden; color: black; text-decoration: none}
.thumbnail span img {border-width: 0; padding: 2px}
.thumbnail:hover span {visibility: visible; top: 0; left: 60px}
then when I want to put a thumbnail to use less space in the page, I use this code to post picture, replacing SMALL with the small picture url and BIG with the biggest one I want users to be allowed to see.
Code:
<a class="thumbnail" href="#"><img src="SMALL" border="0"><span><img src="BIG"></span></a>
here is an example in the place I tested it: http://taverna.forumfree.it/?t=55723371



Trusted Helper


  
Old
  (#5 (permalink))
Varun is Offline
image
 
Varun's Avatar
 
Posts: 256
Cookies Given: 0
Cookies Received: 0
Time Online: 2 d 20 h 41 m
   
Default 05-18-2011, 05:05 AM

You don't need a script...?

:\
  
Old
  (#6 (permalink))
Sao Godo is Offline
<span style="color: lavender">Nomen est omen</span>
image
 
Sao Godo's Avatar
 
Posts: 4,574
Cookies Given: 15
Cookies Received: 50
Time Online: 40 d 23 h 34 m
Clan: Win
   
Default 05-18-2011, 05:47 AM

ik, i was pretty sure i needed one 'till I found the css code.



Trusted Helper


  
adsense code2.3
Closed Thread

Bookmarks

script to enlarge picture

Programming




Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
adsense2.6
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT -7. The time now is 10:36 AM.





Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2017, vBulletin Solutions, Inc.