Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Name of a technology

Reply
Thread Tools

Name of a technology

 
 
fulio pen
Guest
Posts: n/a
 
      05-09-2013
When opening a web page, there are many small pics. in it, and
clicking one of them will get it enlarged, so can be viewed better.
Closing this large pic. will bring the page with many small pics.
back, so another one can be selected.

What is the name of this technology? Thanks for the information.

fulio pen
 
Reply With Quote
 
 
 
 
Jukka K. Korpela
Guest
Posts: n/a
 
      05-09-2013
2013-05-09 15:03, fulio pen wrote:

> When opening a web page, there are many small pics. in it, and
> clicking one of them will get it enlarged, so can be viewed better.
> Closing this large pic. will bring the page with many small pics.
> back, so another one can be selected.
>
> What is the name of this technology? Thanks for the information.


The small pics are commonly called "thumbnails", though the idea is just
that a small version of an image is a link to the full version, in a
broad sense of the word "link". So it could open the full image in a new
window, or in a frame (possibly inline frame), or in the same window (so
that the user needs to use the Back function of his browser).

Usually the smoothest setup is that the thumbnails have just a simple
JavaScript code associated with them, code that changes a larger image
on the same page simply by changing the src attribute of an <img> tag.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
 
Reply With Quote
 
 
 
 
fulio pen
Guest
Posts: n/a
 
      05-09-2013
On May 9, 9:03*am, "Jukka K. Korpela" <(E-Mail Removed)> wrote:
> 2013-05-09 15:03, fulio pen wrote:
>
> > When opening a web page, there are many small pics. in it, and
> > clicking one of them will get it enlarged, so can be viewed better.
> > Closing this large pic. will bring the page with many small pics.
> > back, so another one can be selected.

>
> > What is the name of this technology? *Thanks for the information.

>
> The small pics are commonly called "thumbnails", though the idea is just
> that a small version of an image is a link to the full version, in a
> broad sense of the word "link". So it could open the full image in a new
> window, or in a frame (possibly inline frame), or in the same window (so
> that the user needs to use the Back function of his browser).
>
> Usually the smoothest setup is that the thumbnails have just a simple
> JavaScript code associated with them, code that changes a larger image
> on the same page simply by changing the src attribute of an <img> tag.
>
> --
> Yucca,http://www.cs.tut.fi/~jkorpela/


Thanks a lot for the information. Further appreciate for recommending
some online tutorials on the skills. I like to learn it. Thanks
again.

fulio pen
 
Reply With Quote
 
fulio pen
Guest
Posts: n/a
 
      05-09-2013
On May 9, 9:03*am, "Jukka K. Korpela" <(E-Mail Removed)> wrote:
> 2013-05-09 15:03, fulio pen wrote:
>
> > When opening a web page, there are many small pics. in it, and
> > clicking one of them will get it enlarged, so can be viewed better.
> > Closing this large pic. will bring the page with many small pics.
> > back, so another one can be selected.

>
> > What is the name of this technology? *Thanks for the information.

>


> Usually the smoothest setup is that the thumbnails have just a simple
> JavaScript code associated with them, code that changes a larger image
> on the same page simply by changing the src attribute of an <img> tag.
>
> --
> Yucca,http://www.cs.tut.fi/~jkorpela/


Hi, Yucca:

I found a piece of software on the internet for this purpose, Its
name is IrfanView. Your method seems even simpler than IrfanView.
Change the size of image with Javascript. This is wonderful. Thanks.

fulio pen
 
Reply With Quote
 
Jukka K. Korpela
Guest
Posts: n/a
 
      05-09-2013
2013-05-09 20:21, fulio pen wrote:

> I found a piece of software on the internet for this purpose, Its
> name is IrfanView. Your method seems even simpler than IrfanView.
> Change the size of image with Javascript.


What I meant was changing the src attribute value. You would still have
each image in two sizes, full size and thumbnail size, and IrfanView is
one way of creating the thumbnails.

If you have just the full-size images and let browsers construct the
thumbnails, then all the full-size images would have to be downloaded
before the thumbnails can be shown. This would make sense in an
application-like setup where the full images are always downloaded (or
available as part of delivered application), but not otherwise.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
 
Reply With Quote
 
Ray_Net
Guest
Posts: n/a
 
      05-09-2013
In article <kmgubr$lfp$(E-Mail Removed)>, http://www.velocityreviews.com/forums/(E-Mail Removed) says...
>
> 2013-05-09 20:21, fulio pen wrote:
>
> > I found a piece of software on the internet for this purpose, Its
> > name is IrfanView. Your method seems even simpler than IrfanView.
> > Change the size of image with Javascript.

>
> What I meant was changing the src attribute value. You would still have
> each image in two sizes, full size and thumbnail size, and IrfanView is
> one way of creating the thumbnails.
>
> If you have just the full-size images and let browsers construct the
> thumbnails, then all the full-size images would have to be downloaded
> before the thumbnails can be shown. This would make sense in an
> application-like setup where the full images are always downloaded (or
> available as part of delivered application), but not otherwise.


Perhaps a bad id is to change by javascript
from <img src="smiley.gif" alt="Smiley face" height="42" width="42">
to <img src="smiley.gif" alt="Smiley face">

So there is no need of Irfanview to contruct a thumbnail.

 
Reply With Quote
 
richard
Guest
Posts: n/a
 
      05-10-2013
On Thu, 9 May 2013 05:03:43 -0700 (PDT), fulio pen wrote:

> When opening a web page, there are many small pics. in it, and
> clicking one of them will get it enlarged, so can be viewed better.
> Closing this large pic. will bring the page with many small pics.
> back, so another one can be selected.
>
> What is the name of this technology? Thanks for the information.
>
> fulio pen


are you thinking perhaps of a "modal window"?
 
Reply With Quote
 
Gus Richter
Guest
Posts: n/a
 
      05-10-2013
On 5/9/2013 8:03 AM, fulio pen wrote:
> When opening a web page, there are many small pics. in it, and
> clicking one of them will get it enlarged, so can be viewed better.
> Closing this large pic. will bring the page with many small pics.
> back, so another one can be selected.
>
> What is the name of this technology? Thanks for the information.


Some demo examples with CSS only:

<http://www.cssplay.co.uk/menu/clickgallery.html#pic10>
<http://www.cssplay.co.uk/menu/click-gallery-preview.html#pic2>
<http://www.cssplay.co.uk/menu/double-click-gallery.html#pic5>
<http://www.cssplay.co.uk/menu/cssplay-click-zoom-fly.html>
<http://www.cssplay.co.uk/menu/cssplay-holiday-2013-photos.html>
<http://www.cssplay.co.uk/menu/cssplay-fly-in-out-gallery.html>
<http://www.cssplay.co.uk/menu/cssplay-animated-cube-gallery.html>
<http://www.cssplay.co.uk/menu/cssplay-thumbnail-slideshow.html>

Check out the site for many other demos:
<http://www.cssplay.co.uk/menu/>

--
Gus


 
Reply With Quote
 
fulio pen
Guest
Posts: n/a
 
      05-11-2013
On May 10, 4:54*pm, Gus Richter <(E-Mail Removed)> wrote:
> On 5/9/2013 8:03 AM, fulio pen wrote:
>
> > When opening a web page, there are many small pics. in it, and
> > clicking one of them will get it enlarged, so can be viewed better.
> > Closing this large pic. will bring the page with many small pics.
> > back, so another one can be selected.

>
> > What is the name of this technology? *Thanks for the information.

>
> Some demo examples with CSS only:
>
> <http://www.cssplay.co.uk/menu/clickgallery.html#pic10>
> <http://www.cssplay.co.uk/menu/click-gallery-preview.html#pic2>
> <http://www.cssplay.co.uk/menu/double-click-gallery.html#pic5>
> <http://www.cssplay.co.uk/menu/cssplay-click-zoom-fly.html>
> <http://www.cssplay.co.uk/menu/cssplay-holiday-2013-photos.html>
> <http://www.cssplay.co.uk/menu/cssplay-fly-in-out-gallery.html>
> <http://www.cssplay.co.uk/menu/cssplay-animated-cube-gallery.html>
> <http://www.cssplay.co.uk/menu/cssplay-thumbnail-slideshow.html>
>
> Check out the site for many other demos:
> <http://www.cssplay.co.uk/menu/>
>
> --
> Gus


Hello, Gus,

The websites are wonderful. Only html and css are employed. I really
like to learn the skills.

fulio pen
 
Reply With Quote
 
fulio pen
Guest
Posts: n/a
 
      05-17-2013
On May 11, 3:18*pm, fulio pen <(E-Mail Removed)> wrote:
> On May 10, 4:54*pm, Gus Richter <(E-Mail Removed)> wrote:
>
>
>
>
>
>
>
>
>
> > On 5/9/2013 8:03 AM, fulio pen wrote:

>
> > > When opening a web page, there are many small pics. in it, and
> > > clicking one of them will get it enlarged, so can be viewed better.
> > > Closing this large pic. will bring the page with many small pics.
> > > back, so another one can be selected.

>
> > > What is the name of this technology? *Thanks for the information.

>
> > Some demo examples with CSS only:

>
> > <http://www.cssplay.co.uk/menu/clickgallery.html#pic10>
> > <http://www.cssplay.co.uk/menu/click-gallery-preview.html#pic2>
> > <http://www.cssplay.co.uk/menu/double-click-gallery.html#pic5>
> > <http://www.cssplay.co.uk/menu/cssplay-click-zoom-fly.html>
> > <http://www.cssplay.co.uk/menu/cssplay-holiday-2013-photos.html>
> > <http://www.cssplay.co.uk/menu/cssplay-fly-in-out-gallery.html>
> > <http://www.cssplay.co.uk/menu/cssplay-animated-cube-gallery.html>
> > <http://www.cssplay.co.uk/menu/cssplay-thumbnail-slideshow.html>

>
> > Check out the site for many other demos:
> > <http://www.cssplay.co.uk/menu/>

>
> > --
> > Gus

>
> Hello, Gus,
>
> The websites are wonderful. *Only html and css are employed. *I really
> like to *learn the skills.
>
> fulio pen


Please open the following web page. The thumbnails and large pics.
are good enough for me.

http://sports.yahoo.com/photos/odd-a...658-slideshow/

fulio pen
 
Reply With Quote
 
 
 
Reply

Thread Tools

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 Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
What is the name of Altera latest and most advanced chip serial that is competable in technology with Vertex V in terms of system strucute(LUT6...) Weng Tianxiang VHDL 2 09-11-2007 12:42 AM
print("my name is {name}, and {age}-year old {gender}", name, age, gender); =?iso-8859-1?B?bW9vcJk=?= Java 7 01-02-2006 04:39 PM
"L" lens technology or "DO" technology?? ..Jan Plexy.. Digital Photography 4 10-04-2005 12:52 PM
Is technology making mankind a threatened species? Thoughts on technology, the future, and somwhere, ethics. Waylon Kenning NZ Computing 31 10-17-2004 09:44 AM
Re: Urgent! how to get object name, method name and attribute name based on the strings? ding feng C++ 2 06-25-2003 01:18 PM



Advertisments