Databases
StackOverflow2013
Postsdbo
POJavaScript to add sliced images to div automatically
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJavaScript to add sliced images to div automatically
    primarykey
    data
    text
    <p>Im new to stackoverflow and really hope you guys can help me. I designed a small website for a photographer and he is not okay with the options for his images being download. I know that there is no way to secure images online. (You can easily just save page and get everything you need). <em>if there is a better way. Please kindly let me know..</em> So anyway i said i will slice his images and upload so people will be downloading only pieces of his image. Even though it is not 100%n secure, he was okay with it after several explanation hours :) I was hoping to used SuperSimple image tiles but since it runs php alot, it is a bit slow to load images. Im sure, you guys are aware of it. So anyway now im hoping to use a batch image slicer and slice the images. oh i forgot to tell, there are around 100 images :D So anyway, i will equally slice an image to 25 pieces (5x5). and i will be adding the image full complete inside a div. What i need to know is, is there away to add the sliced images with a js loop so the process will be much smoother and simpler. Since the div will resize according to the screed dimensions, full image should be in 100% width and height.</p> <p>this is the current full image syntax.</p> <pre><code>&lt;div&gt; &lt;img src="IMAGE (1).jpg" width="100%" height="100%" /&gt; &lt;/div&gt; </code></pre> <p>What i want to do is, instead of image tag above, i need to run a loop script. to add 25 images (instead of 1 image to make an image tile). images are named as IMAGE (1)1, IMAGE (1)2, IMAGE (1)3..etc.. till IMAGE (1)25 and the again IMAGE (2)1, IMAGE (2)2, IMAGE (2)3..etc.. till IMAGE (2)25...</p> <p>Hope i explained my problem well. Please someone let me know an easy way to add a script to automate the image inserting process. i believe Image style should be as FLOAT=LEFT and WIDTH=20% and HEIGHT=20%..</p> <p>Thanks a lot in advance.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USuser2553312
    1. USuser2553312
    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. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POJavaScript to add sliced images to div automatically
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POJavaScript to add sliced images to div automatically
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThe trick I was using was to use a simple flash container that received a "semi crypted" was actually a rotate13 (shift each letters 13 letters from alphabet, so doing it again would convert back to normal) and use that to find the image and display it. So people could not just right click and save as... But it is never 100% safe of course.
      singulars
      1. POJavaScript to add sliced images to div automatically
      1. USSalketer
 

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