Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>jQuery is just a JavaScript wrapper (in essence), so you'll be bypassing some convenience it brings. that being said, they're are plenty of libs out there that do what you're axin'. Building your own wouldn't be that difficult either. Here are a couple things to think about (thinking first will save you from feeling dumb down the line!!)</p> <p>There's not much magic here.. you'll simply want to look at the 'onmouseover || onclick' event, and when the thumbnail image is 'moused over || clicked', you'll need to get some base coordinates and then show a div with a larger image hovering over the smaller image ( you should use 2 images (one small, and one large) and you should probably create them on disk at upload or image creation (file streaming works too, but lacks efficiency if they're static images (cache?) how much time do you want to spend on it, lol).</p> <p>To place the larger image's location correctly, you're either going to want to add a div dynamically who's content is the large image, or show / hide a hidden div which already has the larger image loaded (this way images could already be loaded, however it will load all even if not needed, again, how much time), you can hide these in the DOM somewhere. Then by setting the larger hovered images position to 'absolute', and most likely it's 'z-index' to the very front you can show the larger image on top of the thumbnail image.</p> <p>You can use either the active smaller image location as the base coords, or the position of the mouse pointer relative to the div which is being 'moused over || clicked' depending on how you want your functionality to work</p> <p>anyhow, like was said before, there are numerous lib's out there that will do exactly this. This has been desirable functionality for a long time and you will most likely be re-inventing the wheel.. However, there's nothing wrong with knowing how to create a wheel..</p> <p><a href="http://highslide.com/" rel="nofollow">http://highslide.com/</a> </p> <p><a href="http://www.admixweb.com/2010/03/08/how-to-create-a-fancy-image-gallery-with-css3/" rel="nofollow">http://www.admixweb.com/2010/03/08/how-to-create-a-fancy-image-gallery-with-css3/</a></p> <p>google will help too: "pure javascript image sliders"</p>
    singulars
    1. This table or related slice is empty.
    1. POcreate photo slide using javascript
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. UShanzolo
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COCSS will have it's limitations if you want to have a dynamic image slider, the problem with "hard-coding" the image path in CSS is that you'll have to "hard-code" every image path for every div you want..
      singulars
      1. PO
      1. UShanzolo
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload