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
Related
I have to develop my video page using php which is similar to gallery with hover effects. If i hover over the video, the name of the video need to be displayed than i click the name, the video should be come as lightbox. Kindly suggest some solutions for this. I'm very struggling in this concept. Thanks in advance
PHP is a server-side scripting language, it is not suitable for "developing styles", you should use a combination of CSS and JS instead.
Lightbox - here is a complete tutorial.
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.
I use Simple HTML DOM library in my Drupal custom module to do a task in my project.
The task simply is imitating the Facebook action, when we paste an article url, FB scrap the url and return back with part of the article as a description and an image.
My question is, what is the used algorithm to pick the first part of the article between a lot of <p> tags and also pick the right picture between all the pics in the page!
I know that FB use a :OG tag, but I need to develop an algorithm which pick these info if the OG tag is not there.
Thank you guys for support and have a nice day.
Regards.
I think with the image it is the dimensions of the image. Th takes the first image with more than say 100x100 pixels or so.
With the text it might be something similar. Strip the inline HTML tags, get the first block element text (or maybe just paragraphs) and there you go.
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
What I'm trying to do is load a website on a frame and then mark points on it depending on screen coordinates obtained via a function.
Do I need PHP GD?
Loading the website on the frame is not an issue. It's how to mark points on the screen that's causing my hair to fall
Nah, what you need are absolute positioned HTML elements.
You can grab the page with PHP with curl or file_get_contents() and inject some HTML/CSS into it that creates absolutely positioned <p>s or <span>s or whatever.
Checkout this post here. It uses Mootools(a JavaScript framework), PHP, and MySQL. I think it's very similar to what you are trying to do except you want to mark points on the iframe instead of doing it on an image. The plugin can be attached to an element:
David Walsh's Mootools Heatmap