Script For A Kind Of A "enlargening Image Effect"

Dec 17, 2011

I'm working on a website of my own and I don't know any javascript or jquery, but I want to add one feature to my website, and that is this "image enlargening effect". It is difficult to say exactly what I want, so I found a website where this exact effect is used (if you're wondering what the hell is the site about, its about magic tricks and custom playing cards, both of which are a sort of a hobby of mine)

So If you click on one of the images below the video, it will sort of grow and become this floating window, in which you can click to see the next picture and close it whenever you're done. It also sleightly dims the website in the background to draw the attention to the image which appeared.

What I'm looking for, is a script that is ready and can be used without much tweaking since I don't really know any javascript and jquery. I don't really need the part of the effect in which the website in the background is dimmed, but it would be nice to have if it's not something awfully complicated. So, do you know any scripts which would do just that? If yes, could you send me some links? I understand that it might be difficult to find a script which doesn't require tweaking, so if you know some which do require adjustments, I welcome you to tell about them, as long as you state that it does require some sort of optimisation, I'll do my best to optimise it to my website then.

View 2 Replies


ADVERTISEMENT

JQuery :: Psd / Some Other Kind Of Editable Image?

Jul 13, 2009

Is there a psd or some other kind of editable image that someone can send me so I can make different colored themes?

View 1 Replies View Related

Mouseover Image Effect Thumbnail To Large Image Different Location On Page

Oct 27, 2009

I have gotten my script to do exactly what I want it to do with one exception. I have some thumbnail images that people can mouse over and the actual image is 100px by 75px. That is what I use for my thumbnail and they reside in www.website.com/images/thumbs/image1.jpg. I have the large version of the image that resides in www.website.com/images/image1.jpg. Its actual size is 640px by 480. When I mouse over my thumbnail, I don't want the thumbnail to appear for the larger image, I want the large image to appear instead? Let me know if you need ellaboration.

Javascript
<script language="JavaScript">
function Change_Big_One(thumb){
document.getElementById('BigOne').src=thumb.src.replace("_th","")

[Code].....

View 4 Replies View Related

JQuery :: Put Icons On Tab Itself Kind Of Like Buttons?

Aug 2, 2010

Is there a way to put icons on the tab itself kind of like the buttons?In this case, I actually just want icons and no text for the tab.

I search all the doc . There is no doc that talk about tab icons.

View 3 Replies View Related

Open Any Kind Of Documents In A Browser?

Aug 11, 2009

Is it possible to open anykind of documnets in a browser?

View 7 Replies View Related

OnMouse Effect On Image?

Oct 15, 2009

i wanna do something like http://www.lawebdecanada.com/musica i checked their source but apparently they have protection over it.. or i just dunno how i can take the source. i wanna have a onmouse effect on image so it gives information boxed while rollover it

View 1 Replies View Related

Add An Image Rollover Effect?

Mar 26, 2010

I'm trying to add an image rollover effect, but when I put it into play, the first image slowly fades into the second image and stays at the second image before I even hover my mouse over it.

View 3 Replies View Related

Effect For Image Opening?

Sep 30, 2009

I saw a image opening effect that I like so much.And I would like to ask if anyone knows how can I do this.The page I have seen the effect is

View 2 Replies View Related

Creating Image Zoom In Effect?

Aug 11, 2009

Does anyone know how to create a "zoom in" effect on an image when you mouse over the image? By zoom in, I mean the original image gets smaller when you mouse over the image.

View 4 Replies View Related

Opacity Fadd In Effect On Image?

Mar 23, 2010

I've created a slide show out of HTML and CSS but I'm trying to add an opacity effect so that when the link is clicked the image fades in from nothing.At the moment on click the image fades to zero straight away;

Code:
window.onload = initAll;
function initAll () {

[code]....

View 1 Replies View Related

Creating A Blur Effect On Image?

Aug 27, 2011

I wonder if it is possible to make a JS blur effect on an image while it's moving.It probably is but I haven't seen it done before with JS, only ActionScript for Flash, I wonder what is the reason for this.So the way I have been thinking this could be achieved is by loading several times the same image giving them transparency and offsetting them a pixel or two from each other.

View 2 Replies View Related

What Kind Of Prompt Box Can I Put A Link In Without Displaying An OK Or Cancel Button?

Dec 3, 2011

what kind of prompt box can I put a link in without displaying an OK or cancel button?

View 1 Replies View Related

Code Comparison Chart By Using JAVA Or Any Kind Of Scripts?

Mar 31, 2010

Have a question regarding the comparison function on the At & t website URL...The site allows you to select different types of phones then generate a comparison chart based on your selection. I need to construct a similar comparison chart, but have no idea how to start the coding process.

View 1 Replies View Related

Change The Src Of A Img Tag In Order To Create Some Kind Of A Sequence Of Images?

Oct 25, 2010

i've being trying to change the src of a img tag in order to create some kind of a sequence of images.

Code:
<script type="text/javascript">
var i=0;

[code]....

View 6 Replies View Related

JQuery :: Change Src Of An Image With Fade Effect?

Jun 17, 2011

I've two images: test1.jpg and test2.jpg

I'd like to change the src of <img src="test1.jpg"> to src="test2.jpg" with the mouseover function adding it the fade effect.

View 1 Replies View Related

JQuery :: Hover Mouse Effect Over Image?

Oct 17, 2011

look at: [URL]

I have built a hidden div as you can see in the source code which contains some text. I have done these for the first two images

I would like when a user hovers over each image, the image to fade out with the text div for that image to fade in.

Then when the user moves the mouse out, the text div should fade out and the image should fade in.

View 9 Replies View Related

JQuery :: Create An Image Tile Effect?

May 5, 2011

How to create an image tile effect, does anyone know any way, or how it works?

View 13 Replies View Related

JQuery :: Change Image Src With Fade Effect?

May 12, 2011

I'm trying to create an effect where you click on a thumbnail image, and the link to the thumbnail will replace the main image, but fade it in. This is the code I'm currently using:

$(".thumbs a").click(function(e) {
e.preventDefault();
$imgURL = $(this).attr("href");
$(".boat_listing .mainGallery").fadeIn(400, function() {

[Code].....

This works and replaces the image without a fade effect. What do I need to change to get the fadeIn effect to work?

View 4 Replies View Related

JQuery :: Horizontal Image Slideshow Effect?

Aug 15, 2009

i need a slieshow effec that i want to create for my personal website. following is what i need i want to display an image and below that will be text and this text should be clickable and open in a new window and this way i want to show few images and text with a certain duration for each. there should be no left arrow and right arrow, instead each picture along with the text should move from the right to left or from left to right and stay for few seconds and the next one should appear and the text should be clickable and open in a new window. can anyone refer me to a website from where i can get this effect.

View 1 Replies View Related

JQuery :: Large Image Scroll Effect?

Mar 26, 2011

I'm a graphic designer with some experience in Actionscript/HTML/CSS. I'm now trying my hand on jQuery.

My goal is to achieve an effect to scroll a large image, something like this Flash example:

[URL]

Below my result so far. It kind of works but nowhere near as smooth as i want it to be.

<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>slide scroll</title>

[Code]......

View 1 Replies View Related

Mouseover Effect Text Shows Image?

Jan 26, 2009

I created a website

In this webpage drshama.bravehost.com/documents.html

I like to create on mouseover on text the image should display in one frame box. on second text i mouseover, it should display the image in the same frame box... like that on all

View 1 Replies View Related

JQuery :: Image Hover Effect Not Working

Mar 19, 2011

I have this code for a hover effect, it was working, but now won't. jQuery is working, but events from jquery aren't...

$(document).ready(function () {
$("#logoimg").hover(function () {
$("#logoimg").attr("src", "Media/imgover.png");
$("#logoimg").animate({ width: 420 }, 300);
}, function () {
[Code]...

View 3 Replies View Related

Create An Image Zoom Out Transition Effect?

Aug 31, 2009

Does anyone know how to create an image zoom out transition effect?

View 2 Replies View Related

JQuery :: How To Achieve Image Effect - Not Moving

Apr 17, 2010

Does anyone know how to achieve this image effect? See effect here: [URL] I think it is jquery because of the jquery script in the html code, but I'm not sure. I downloaded all the necessary files and images, launched it in my browser, but the images do not move.

View 2 Replies View Related

Horizontal Image Grid Mouse Effect?

Jul 21, 2011

1. Want to create grid on images (horizontal)2. To give mouse over effect in particular grid part3. Images should move on mouse movementCan anybody help or share URL for this ?

View 1 Replies View Related

JQuery :: Lightbox Effect With Image And Content?

Mar 6, 2009

Is there a sort of lightbox effect jQuery plugin with the content not only an image but with content and image as well ?

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved