I'm new to jQuery, so i thought to ask here.
I'm looking for a script which generates a div, where users can select images from a list which will add the image to the div and makes them draggable. So users are able to "design" their own simple card.
Anyone knows how to name this? Or do you have a script like this?
take a look to this link
it´s a start for you. in this link you have an example and you can check the source code of the javascript.
what you have to do is to change the code for your needs
Related
I want to know if there is a way in PHP which I could place transparent images on top of each other. The concept goes like this:
The user gets presented images, which are:
Background Image, To be placed on the bottom
Main Character, To Be Placed Directly Behind The Text Stripe
Frame to be placed around the logo
Text to be placed on a black stripe, on top of everything.
The user can select the images he wants to use, just like the preview below.
I don't have a single idea on how to do this since I am still new to PHP.
I have a little preview of what I want: https://sanderc.net/avatar/create.php
edit: Changed the preview link.
If you want to do something like in the demo. then you need css as well.
some links given below. hope it will be of some help to you.
https://www.google.com/search?ei=zSv-XICHJ_WZmgfl_5CQCQ&q=image+on+top+of+another+image+css&oq=image+on+top+of+another+&gs_l=psy-ab.3.1.0l2j0i22i30l8.227906.227906..230842...0.0..0.170.170.0j1......0....1..gws-wiz.......0i71.X4ZIg9BRrzg#kpvalbx=1
http://www.corelangs.com/css/box/ontop.html
http://jsfiddle.net/danield770/nFvUu/3/
http://www.corelangs.com/css/box/ontop.html
I want to show the HTML block on the click of Preview image.For this i used jquery image gallery.which works like to click on a image and show the full image but i want to show the HTML block instead of full image.
The gallary works like this:
<img src="thum.png">
and i want to use this like:
<img src="preview.png">
May be i am doing wrong in above code of line.so guys please suggest me how can i do this.
Thanks In advance.
I used this jquery image gallery this
Please use Jquery load()
Example : $('#preview-page').load('preview.html');
Now style your " Preview-page " layout based upon your wish. Have a great day :)
It looks like it requires that you add some class to it. Check out the examples. That might give you a better idea. You really should have done a bit more research before posting this though, as I found that quite quickly.
need to provide an "add from existing" functionality for uploaded images. What is a basic approach to do that? Thought of displaying a modal window but thought that if there will be a lot of images it will definitely pull back the performance. Had anybody a similar task? Thanks.
I've done this once before, and the best way is to generate thumbnails for each photo to browse in a modal window. You'd also be best off by trying to have some kind of folder architecture, and even have a sort function (date added?).
Have a look at the jQuery File Tree plugin, you might be able to script something off of that (ex: every time you click an image it is append to a div on the page for a preview)
can anyone recommend a tutorial or library that can address the issue
of rendering a text onto a image with a preview option? the idea is to present the user with a picture onto which they can add text of their choosing. after viewing a preview they can submit it.
a know that php's imagettftext can handle this and a have some ajax experience. i was hoping that
a complete or close to complete solution is already in existence.
here a similar app
thanks in advance for any attempt to assist and have a nice day :-)
You might want to take a look at Adding text to images in realtime
I have a photo website which gathers images from a folder with PHP, displays their thumbnails on a page and, when clicked, opens a fancybox (fancybox.net) to display the full image. I am pretty satisfied with the result but as users start posting, they start asking for new features, and problems come out since I'm not a programmer. What I would like to do is a photo commenting/rating system (like the one on facebook to get the idea, but obviously not as complex): I've been trying to add a Disqus code to each picture, but it won't get displayed in my fancyboxes...So the question is, can you give me any (easy-to-implement) ideas on how to achieve this? I don't mind using already existing softwares like disqus for comments and polldaddy for ratings, since I guess it would require me to setup a mysql database to do it on my own...
To brief it again:
I have a "thumbs" folder which are gathered on a page.
I have an "originals" folder with the full size images that are called back by the fancybox.
I would like to have comments+rating in the fancybox.
Thanks in advance for any advice you can give me.
For your fancybox implementation I'm assuming that it's just pulling the image into the lightbox, not other content (i.e. a html page). What you'd need to do is set up a page which would grab an image, and output it along with your comments + rating code, then set up your script to use that page as the fancybox URL instead of a direct link to the image.
Without more information to go on I can't really help more than that.
ps for comments the Facebook Comments plugin might be easier for a non programmer to implement than Disqus.