I have created a very simple HTML base photo album integrated with Google Maps.You can share your photo and the place where it was taken on a map. I tried to make it as straightforward I could. There is only a single XML file a user has to edit to use this album.
View 2 RepliesI'm using the pretty photo lightbox with the google maps api to load a map into a lightbox window when a link is clicked. There is a basicfunctional example here which is sort of working(click the link x 2 when you get on page): [URL]. I've taken the functionality from a tutorial by the creator of the plugin, and now want to extend it so that i can have multiple links on the same page, that open a different map according to the data attributes for the a tag.
I have this functionality working, to a degree, except that the callback function that initialises the map only fires on the second click of the link, it will not fire on the first clickevent - I've tried debugging in firebug - the click event is registered each time no problem, but the changepicturecallback function provided by prettyPhoto doesnt fire on the first click.
I'd like to load locations into the map area dynamically, based on the button URL being selected from the left-hand menu of the Locations page.So when the visitor selects Drebkau within the Germany tab, for instance, the map is changed to that new location.Also, on the current website, we have URLs that link to the various locations. Can those coordinates be used for the new map dynamic map coordinates?
View 2 Replies View RelatedI 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 View RelatedI want to have several maps on my aspx/ascx-Webpage, but only the last one is rendered after PageLoad(). Is there any limitation for that in the goMap() plugin?
View 1 Replies View RelatedI'm developing a land use map and want to use Google Maps. Just want to ask if the Javascript API could actually handle overlays like this sample: URl...Or you would suggest other ways to do this?
View 2 Replies View RelatedI like it because everything is modular, the submenus stays within the shape of the rectangle without jutting out horizontally across the website. However, when I tried to tweak with the code some of the images just wouldn't show up. I saved the ENTIRE website but modifying the names of the images just didn't work. As a result I am comtemplating on doing this same menu in Flash. (loading the same positioned swf on top of another, on top of another).
View 7 Replies View RelatedI have a web-application project which requires interactive User
Interfaces. It is more like a web based xml content editor. I have seen
a few javascript based text editors but not much flash based ones. I
dont have much experience on neither of the technologies so I have to
spent some time to develop my skills on them (your suggestions are
wellcome:) my questions are:
1. Is JavaScript and the today's internet users's enveronment
(browser-speed-security) mature enough to run a heavy javascript based
web application ?
2. I have the "sceptic feeling" that with Javascript, programmers have
very little control on runtime environment or javascript behaviours,
errors are not so predictable on client site. (Still I see lots of
websites with javascript and a yellow Error sign on my browsers left
bottom corner). Is it still quite complicated task to make the
javascript run properly on most of the users site (say 90%) without
complicated browser/version/DOM tricks and customisation?
3. Is Flash a better option for a interactive UI application? If so why
is it still just an "animation" technology?
4. Is it possible (and easy) to mix the Flash with other technologies
like Ajax or ASP.NET ? Is it possible (and available) to make
flash-based components (like special behaviour combo box, or new kind
of UI components) which can be used in an asp.net web application?
Not sure how useful this is, exactly. It requires a bit of explanation.
function assert(assertString, thisObj) {
var throwException = arguments.length > 2 ? arguments[2] : false;
var argsObj = arguments.length > 3 ? arguments[3] : {};
var argsString = "";
for (var property in argsObj) {
argsString += ("var " + property + " = " + argsObj[property].toSource() +";
");
}
var func = new Function(argsString + "return (" + assertString + ");");
var mustBeTrue = false;
try {
mustBeTrue = func.apply(thisObj);
}
catch(e) {
// fall through. An exception will leave mustBeTrue as false, and the assertion still fails.
}
try {
if (!mustBeTrue) {
throw new Error("ECMAScript assertion failed: (" + assertString + ")");
}
}
catch(e) {
if (throwException) {
/* For Mozilla, use
throw new Error(e.message + " stack:
" + e.stack);
*/
throw e;
} else {
/* For Mozilla, use
dump ("Warning: " + e.message + " stack:
" + e.stack);
for (property in argsObj) {
dump(property + " = " + argsObj[property] + "
");
}
dump("
");
*/
alert(e);
}
}
return mustBeTrue;
}
So what is an assert()? In C++, it's usually a macro the programmer uses to test a statement that must be true for the code to function properly. The statement, I believe, is called an assertion.
If the assertion evaluates to false, then there's a bug in the program. It's basically a way for the programmer to detect for bugs in the program that the program wouldn't be expected to know about.
This assert() function takes a string as its first argument, which must evaluate to true. If said string is true, everything's hunky-dory, and the function returns true. If said string is false, then the function notifies either the user or the application (depending on the third argument, which is optional), and returns false. If there is an exception generated while testing the assertion, the assert() function returns false.
The second argument is the this object of the code calling the assert(). So you could basically call the assert() like this:
assert("1 == 1", this);
The optional third argument, which defaults to false, determines if a JavaScript error should be thrown. A false value means notify the user, but don't stop execution (dump() is a Mozilla-specific function, used in debug builds). A true value means throw the exception.
The fourth argument should be an object literal for passing variables into the assertion for evaluation. For instance:
if (assert("x == 1", this, false, {
x: 1
} )) {
html_input.value = "x is indeed equal to one!";
}
All this works because the assert() function creates a local function object based on the information you feed it, and then executes that function.
This code is available under the Mozilla Public License (MPL1.1) tri-license scheme. Feedback?
I have seen this employed somewhere else, but for the life of me cannot remember how it was done. I need to write a javascript that will call a desired CSS file based on the user's browser.
View 3 Replies View RelatedHow 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 RelatedIm using a jQuery script to show/hide a div based based on the selection made via a dropdown.
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
The problem im having is that the value used in the dropdown lists are price values eg 10.00
Consequently jQuery seems to interprit these as css notations, meaning the code doesnt work.
Given the following input tag which is enclosed within a hidden div tag:<input id="X" class="Y"/> this call (id-based) locates the tag: $(this).find("#X")but this one doesn't (class-based)I couldn't find any documentation indicating find() working differently when using id-based vs class-based selectors.
View 1 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 Related