Showing HTML block on click of the preview image? - php

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.

Related

how to create new image with frame on it?

im going to create something like this http://www.photofacefun.com/photoframes/, its creating a new image with frame on it, can i do that with php, jquery, or html? or do i have to use any jquery library? is there any jquery plugin like this? doesnt matter if its a paid or free.
how can i add a frame to an image with php and jquery?
And on the example above, are they using php or another language? java maybe. I really have no idea about this.
thanks..
Here is a demo of a responsive image grid using only HTML and CSS.
You can find the code here as well.
You can remove the titles and paragraphs if you like and can make them behave as links using the http://www.something.com"> attribute.
On the example they are using jquery.

Pdf thumbnail wordpress

I'm using WordPress and I want to include some PDF documents. I don't want to put links, I want to make a picture of it and below it to write a title, short content or anything simple that looks good.
for example like this:
or like in this link Example.
I searched for a plugin but I couldn't find one that makes this? I tried some but nothing useful? Can somebody give me any idea or any name of a plugin ? Thanks in advance :)
I'm not sure how you inserted the image on your Example link, some fancy box shortcode? You need to a link as shown below that points to your PDF file instead of the fancy-box pop-up. I don't use fancy box, do they give you an option to specify a target link for an image?
<a target="_blank" href="/path/to/downloadfile.pdf" class="image">
<img width="50" height="55" alt="" src="http://swapno-bd.org/beta/wp-content/uploads/2016/01/Trg-Rights-Entitlement.jpg">
</a>

Adding and Dragging images into a div

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

Html 5 content placeholder

I have a requirement like what we can see in the below link,
http://custom.case-mate.com/diy?bypassLandingPage=true#design/iphone5_barelythere
after opening the link please select a layout from the left side of the editor, then a placeholder section will come over the canvas!, how i can achieve the same? are they using html or image? is there any specific libraries available which can help me achieve this ?
I know they are using jquery UI droppable for dragging and placing the image over the place holders, but how that layout area over the canvas works ?
I am using fabric.js in my project!
Thanks in advance for any help,
looking the editor with firebug you can see there are 4 total elements, with one of them being a ui-droppable item.
there are many libraries aorund that extend default behaviour, raphaelJS kinetikJs, threeJs; with a rapid google search this link came out

php render text on image with 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

Categories