I would like to have a code on my page that causes two or more photos to change between each other. For example, photo 1 is shown for a little while, then it switches to photo 2, etc. I would also like to switch text that goes along with the photos. I would like my layout to look like this:Photo / Text about Photoand have both switch after a little while, to the next photo and text.
View 5 Replies
How can I have it keep the photos in their original proportions. All photos are under 640 x 480 though not all the same size. When they are viewed in the slider the are streteched to the 640 x 480 regardless of their original size.
View 2 Replies View RelatedHere is a photo album I've made up. I made it primarily for a photo album on your harddisk/a CD, but it would probably work for the internet aswell.
View 5 Replies View RelatedI am trying to make a webpage and there is something that I want on it, however, I have no idea how to get it. I want a scrollbar that has jpegs. I want a person to be able to scroll through thumbnails (in the scrollbar) and click on it and be brought to the link.
Does anyone know of a script that I can get that will do that? I know nothing about writing scripts.
I have put on my site a photo gallery and at the right a nav menu. This
menu has a red dot visible want someone is passing over one item or
clickong one item.
I want to make two things in this page (the sameone
http://www.danieldesjardins.com/gallery/1202015) so it would be like a
want. If you can help a would appriciate. I'm a beginner i copy CSS
from exemple and put them in my page... But whent it comes to do simple
more with it ...i'm very limited.
The first thing is how can a get ride of the selection borber around
the photo a have clicked.
The second thing is : every photo is from from one itme of my nav menu
at the right. This menu as a When someboby select a picture in the
gallery, i would like to get the corresponding item menu hover a the
same time.
The third is ... i want to put the clickable mini photo under the big
photo......
I'm not sure if this is the right group to post in. If it is not,
please let me know where I should be posting.
I have been looking all over the internet for free javascript code for
a photo gallery that has the following features. Do you know where I
can find this?
1. Allows you to use different size photos
2. lets you put a few lines of text under the photo
3. Has navigation arrows (left and right)
I used the code here for my photo rotator: [URL]. It works when there's one rotator on the page, but I need to add a few and that does not work.
function theRotator() {
//Set the opacity of all images to 0
$('.photos img').css({opacity: 0.0});
//Get the first image and display it (gets set to full opacity)
$('.photos img:first').css({opacity: 1.0});
//Call the rotator function to run the slideshow, 4000 = change to next image after 4 seconds
setInterval('rotate()',4000);
} function rotate() {
//Get the first image
var current = ($('.photos img.show')? $('.photos img.show') : $('.photos img:first'));
var currentButton = ($('.photos a.active')? $('.photos a.active') : $('.photos a:first'));
//Get next image, when it reaches the end, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('.photos img:first') :current.next()) : $('.photos img:first'));
var nextButton = ((currentButton.next().length) ? ((currentButton.next().hasClass('active')) ? $('.photos a:first') :currentButton.next()) : $('.photos a:first'));
//Set the fade in effect for the next image, the show class has higher z-index
next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);
nextButton.addClass('active');
//Hide the current image
current.animate({opacity: 0.0}, 1000)
.removeClass('show');
currentButton.removeClass('active');
};
$(document).ready(function() {
//Load the slideshow
theRotator();});
how can user change the photo on the same page
my code is
<body>
<img src="photo1.cgi" style="cursor:move" align="left"/></div></th><br />
<a href="photo1.cgi" >photo1.cgi</a><br />
<a href="photo2.cgi" >photo2.cgi</a><br />
[Code]....
i want to know how to make a photo effects like the one in this site http:[url].... in the downleft corner press next or previous & see the effect of fadding.
View 1 Replies View RelatedI used the below code, but it seems not correct.I want cut the around of photo, and show only the center 200*200px, how to modify?
HTML Code:
<div style="width:200px;height:200px;overflow:hidden;background-color:#000;"><img src="http://www.chlorischile.cl/alternanthera/foto6inflorescencia.jpg" width="200"
onload="this.style.backgroundPosition=(200-image.width)/2+'px';this.style.backgroundPosition=(200-image.width)/2+'px';no-repeat;" /></div>
I am currently building a simple photogallery. The photogallery contains a box with a few photo's in it, lined up horizontally. The box where the photo's are placed in is using an overflow so that there are only shown a few photo's. Below the box i have two buttons, left and right. The idea is simple if you click the left button the photo's must go 50 px to the left and visa versa goes with the right. I have coded this but the photo's unfortunately won't move! Have i done something wrong? You can see my code here:
View 2 Replies View RelatedI have a database that contains a filename and an associated caption. Switching the photos works OK, but I want the caption above the photo to change as well. I'm getting the correct data back so that's not the issue.[code]...
View 6 Replies View RelatedI have a question to you.
I have created a web page:
I am using some excellent code for a photo slide show from ..
The way this slide show gallery works is there are mulitple list items in an UL and within each list item is an image. sequentially one list item has the class .show and this changes the css of that list item so opaque is set to 1. Making it visible. A timer determines when the list items change so the next list item within the hierarchy has .show. Once is reaches the last list item, it goes back to the first item.
The problem I have with my code is that when the page first loads up, the first image displays briefly before changing to the second image. After this happens, the slide show behaves correctly.
In bold are the the important lines of code. First I use jquery to assign .class to first list item. The second line of code in bold is a conditional statement. If no image has .show, assign it to the first list item. This is when the code doesn't work as intended.code...
I've been looking for a gallery that interacts with a ligthbox and I can't seem to locate one to my needs. It either is a good gallery with a lame lightbox implementation or vice-versa. very spiffy prototypish gallery carousal type with a lightbox implementation?
View 6 Replies View RelatedI am unable to find a JavaScript picture viewer that does what I would like it to do.I have created a wrapper div of specific size for the images to be displayed in. I want the thumbnail images to be horizontally at the top of the div and the "clicked" full-size image to appear within the same div, directly below the row of thumbnails. When a visitor opens the page the first image must be loaded automatically without having to click on the thumbnail.
View 1 Replies View RelatedI recently asked here about flash software for creating a gallery for my photoblog, but I now relaise I want something that's probably far more straight forward (I hope).What I want is for the first image in a set to load when the user clicks a category link (say Landscapes, for instance). Somewhere alongside the image will be a list of numbers or titles which, when hovered over with the mouse cursor, will change the image to the next in the set. Here's an example of exactly what I want:
[URL]
Hover over 'photographs >> homes at night >> houses' to get to one of the galleries.
I've taking two existing bits of javascript and tried to put them together. What I would like is when you click on a "Thumbnail" the Image displays full size and has corresponding "Caption" text show up in a text box below. Code:
View 4 Replies View RelatedIm not sure if this is a php problem or javascript, but since the actual photo gallery is run by javascript I'll post it here, sorry if its not though.
Everything works fine but when I click on another image to change the main image the caption wont change with it.
<script type="text/javascript">
// Gallery script.
// With image cross fade effect for those browsers that support it.
// Script copyright (C) 2004-08 [url]www.cryer.co.uk[/url].
[Code].....
I try to make a simple image gallery for my design portfolio.The image galleries work, the only problem is that when I click next in the second gallery, the numbers in the first gallery also change.
image galleries: [URL]
HTML Code:
<head>
<style type='text/css'>
#num {padding-left: 6px;}
.img-bot {margin-bottom: 6px; display: block; }
[code]....
I'm using the Javascript technique found in the banner of [URL] on a project that I'm currently working on. Like the Bradford site, however, the results are a bit jumpy between pictures. Unfortunately I'm not strong enough in Java skills to resolve this. how to make the transition more smooth?
View 9 Replies View RelatedI am currently in discussions with a client to build them a website. The client has done the design assuming it will be built with Flash (ie. the pages are all full colour beautiful hi-res photos that fade in and out with the website content and navigation overlaying that.However, i prefer not to make websites with flash because i feel its more difficult to achieve the seo benefits and deep-linking that is so easy with standard website.So i guess my question is can i achieve these same background photo fade effects with Jquery. Ive been trying to find an example online but cant anything not using flash.I guess what im trying to do is similar to http://www.august.com.au/ except with a series of images fading in/out in the background.
View 2 Replies View RelatedI know there are plugins that can do the job but I was wondering if anyone knows of any tutorials or has any advice on how to do facebook style javascript photo tagging? I want user to be able to create a square on the photo as the tag and then the coordinates of this will be saved in the mysql database I use for the back end. I assume that's how the process is done?
View 1 Replies View Relatedwhy my js photo gallery not able to load on google chrome [URL]
View 3 Replies View RelatedI purchased and downloaded this flash gallery from [URL]... Now, of course I'm looking to insert this versatile resizable flash gallery, into my website that was designed in Dream-weaver cs3. Are there any good tutorials you might know to help me do this ?The Flash Photo Gallery I downloaded was made with Flash Version 8+ and AS version: AS2.
View 2 Replies View Relatedi want to make a photo gallery of many images... i want it to be enlarged with an effect.. i have a thumbnails images and large images i want the thumbnails to be enlarged with any effect and to be displayed on the same page .. can anyone send for me a new photo gallery effect?
View 1 Replies View Related
