Full Image overlay on a page

Hello:
Does anyone have experience using lightbox for overlaying
images on web page? I'm using DW 8 and cannot figure out the
following:
I've got all my images in the right image folder, I've put
the light box.css and the 3 js files in my site...If you click on
the 3 products near the bottom of the page below, you'll get a new
window for each product instead of the way lightbox is supposed to
work...
http://www.enhancedwireless.net/Technology/PARROT_Units.shtml
The way it should work:
http://www.huddletogether.com/projects/lightbox2/#download
Have a look at my code on the above page, if you'd be so
kind, and let me know how I may fix this...I appreciate it greatly.
I've emailed the author of this lightbox a few days ago, no
answer yet, so am trying this forum.
Thanks KB

Thanks for the reply - I've done the following:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
xmlns="
http://www.w3.org/1999/xhtml">
<head>
<title>PARROT</title>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1" />
<link href="../Style.css" rel="stylesheet" type="text/css"
/>
<link rel="stylesheet" href="css/lightbox.css"
type="text/css" media="screen" />
<script type="text/javascript"
src="../prototype.js"></script>
<script type="text/javascript"
src="../scriptaculous.js?load=effects"></script>
<script type="text/javascript"
src="../lightbox.js"></script>
<script language="JavaScript" src="../mm_menu.js"
type="text/javascript"></script>
<script language="JavaScript" src="../iwics_menu.js"
type="text/javascript"></script>
I stripped out the js folder name and replaced it with
correct path like the other js files on my page; at first, I
removed the "?" from the end of scriptaculous.js (didn't know why
that is in the code right before "load=effect") but then the image
appears miles down on the same page with the "close" and "title"
words positioned either on top of the image or on bottom. Then I
put the "?" back in and I still get a new window.
Would love for this to work. It is a nice effect. How to fix?
http://www.enhancedwireless.net/Technology/PARROT_Units.shtml
Thanks for your time.
Kent

Similar Messages

.pdf prints very small - full image, but only quarter page

i have adobe reader 10.1.1 for mac. when I print, the full image prints, but is shrunk to the top left quadrant of the paper. I have tried to change page scaling settings. i have also changed advanced setting 'print as image', but none of this seems to work. i've spent endless hours on this and am hoping someone can offer a suggestion. this happens regardless of the original application (.xls, .doc, .ppt).

Here's your answer
http://forums.adobe.com/message/3810431#3810431

How to get the full image directory when i upload the image to web page???

hai, how to get the full image directory when i upload the image to web page???
here is the example:
<form action="uploadfile.jsp" method="post">
image<input type="file" name="image" />
<input type="submit" value="submit"/>
<%
String s=request.getParameter("image");
%>
<%=s%>
</form>
i upload the image from C:\image\center.gif. i use request.getParameter just can get the image name like "center.gif". Can anybody help me how to get the full path name. Thanks a lot..

There is no need to get the path. It is also fairly pointless as the server cannot access the client's local file system.
Carefully read this article how you can upload files the right way: http://balusc.blogspot.com/2007/11/multipartfilter.html

I am not able to print pdf file from coursesmart website. i disabled flash plugin and only images are on the pages. When i preview, i only see blank page...help

i disabled flash plugin.
now i open site - http://www.coursesmart.com/9780495797494/2
page contains images.When i click on print preview button, i cant see anything.... also i tried all pdf plugins and extensions, but none help to convert/print page in pdf. please help. how can i print whole page to pdf?

Doesn't work in Google Chrome either.
Looks that the page has a lot of protection measures (context menu is disabled) and DIVs that overlay each other, so it is possible that the print routine only sees an empty DIV and not the image or the real page.<br />
That big image consists of two parts as you can see via Tools > Page Info > Media and the inspector.

How to setup jpeg file as background image for all site pages and resolution stay same?

I have uploaded my new site to http://wwwtjhtestdec2012.businesscatalyst.com
I have background image set the same on all site pages but image is incorrectly zoomed way in on some pages (like Home page for example).
The Donate Page shows the correct resolution which I want displayed on all site pages.
How do I set all other site pages to match background image resolution of the Donate Page?
I am not sure what I am doing wrong that is changing this, or if it's possibly a bug?
I want the background image to be full screen on all site pages please advise how to resolve.
I would appreciate the assistance!
Thank you kindly!
Tammy

I have re-uploaded my site to http://wwwtjhtestdec2012.businesscatalyst.com.
If I set the Master page to Tile vertically that is only way I can get full screen background image of vegetables (without distortion).
Then however another issue occurs....
On Home Page of site I set same property to Tile and the background is better (no visible line where tiles meet---above the navigation tool bar--that is what I want for all pages associated to Master.
So logically, I tried setting a 2nd associated site page to same master, to Tile but on Statement of Faith Page, notice the horizontal line where tiles meet, above my navigation bar on that site page?
Why does Muse not handle both site pages associated to the same master identically?
Any of the other options besides Tile or Tile vertically cause the background to not fill entire screen.
Ideas?

Is it/shouldn't it be possible to order postcards with full image on both sides?

Is it/shouldn't it be possible to order postcards with full image on both sides?

Yes, you can create such a card. This example is the folded Holiday Colors theme. Just choose the layout for the inside that includes a full page photo on top and text on the bottom.
OT

How to export full image in PNG format lying inside a smaller sized rectangle?

Hi
In my own created extension for adobe inDesign using CS Extension builder 1.5, I am trying to export a page item lying inside a rectangle frame longer than frame height. Full image is not exported but it gets cropped which is of the rectangle height. I need to get full image exported in PNG format. The item can be text/image/drawing/or group of multiple items lying inside a rectangle frame.
Sometimes the correct image is exported although the rectangle frame size is smaller than the inside image/item. Following is the code I’m using to export the page item.
var targetItem:PageItem = pageItem.allPageItems[0];
targetItem.exportFile(ExportFormat.PNG_FORMAT, targetFile, false);
Can anybody help me out?
Thanks and best regards
Sal

the answer is at : http://forums.adobe.com/thread/1060138

How to get full image from adress book contact

I'm trying to get the full image out of an address book contact. All my basic code is working. The problem that I am having is that for all contacts with images the returned image size is 320x320.
Playing around I have edited contacts, through Contacts.app, by setting a full 320x480 image. I set such an image on my own contact and called my iPhone from a different number. Sure enough when the phone rings the phone displays the full screen original image as I picked it.
So the contact seem to have the full 320x480 image associated with it. But, when I use the ABAddressBook functions to get this same image from the contact, the returned image data says the image is 320x320. And if I display this image data into a view it appears as a square with the top and bottom 80 pixels chopped off.
Has anyone else run into this? Any ideas?

Hey Rick,
I am also working on the same feature. I was also able to retrieve everything fromt eh addressboook. But I have not worked for image as I am not able to design the same GUI for Add New Record, or Info page as present in iPhone. I am facing a problem of adding UIImageView in the design of grouped table cell. and Give the big gap between the UIImage and Table cell where First,Lat Name and Occupation is being present.
Plz help in design view.
Thanx
Message was edited by: a1technology

Image overlay problem ,want to fix it

   <?php get_header(); ?>
<div onclick="myFunction()" id = "xx1" style="position: absolute; width: 209px; height: 607px; z-index:400" >
<img src = "http://i.imgur.com/YqqQj2x.png"></img></div>
    <script>
    function myFunction()
    element = document.getElementById("xx1");
    img = element.firstChild;
    element.removeChild(img);
      </script>
I used above code to get image overlay feature over my blog post and on clicking the overlay image it must be removed.
my webpage : http://netstrikers.comeze.com/?p=69
I have a problem that the overlay image is not in position , it has some problem in alignment ,(During zoom out the web page , overlay image changes its position)
I want the overlay image exactly within the blog post container. can anyone help me to modify the code.
my single.php file : http://pastebin.com/raw.php?i=8ReWyLxu
code edited : cracker007

To maintain position with respect to the rest of the page elements, the nearest ancestor container of any absolutely positioned element must be positioned relatively, for example -
<div id="ancestor" style="position:relative;">
<div id="xx1" style="position:absolute;">
With this code arrangement, as div#ancestor shifts in the normal flow of the code rendering, the div#xx1 will shift by a corresponding amount.
Does that help?

XML grid gallery not loading full images(except for one)

hi,
I just created my first flash website, but one of my XML image galleries is not working properly. I am using the same (code, layout, just different pics and xml files) gallery on 4 of my pages, however, one("products") of the 4 will not load the "full" images. The thumbnails load, they decrease opacity when moused over, but once you click on one, the progress bar loads till complete and just stops. You can see the problem in action atwww.erikhigbee.com on the "Products" page. This problem, however, only occurred after I hosted it on iPage.com. When I test it (Ctrl+Enter) in Flash, test it in Dreamweaver or open the .html of it from my computer, everything works perfectly. It is only after I FTP upload all the files to iPage's server that this problem occurs. I made sure to keep the filetree the same and everything. Is it a problem with Ipage? Are too many images trying to load??
Furthermore, for some odd reason the 1st image(left), 4th row down on the s"Products" page DOES load the full image but the others still dont and I can't for the life of me figure out why. All the code is exactly the same as on the other pages.
Thanks for any and all help/advice you can give me!
one thought(from posts on other forums) could be inefficient code. Error #2044: Unhandled IOErrorEvent:. text=Error #2036: Load Never Completed. pops up whenever the thumbs are clicked. idk if that helps.
below is the code i used for the gallery. Could anyone take a quick look over it and see if any problems/inefficiencies jump out at ya??
[CODE]import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.events.Event;
import flash.display.MovieClip;
import flash.display.Loader;
import flash.events.MouseEvent;
import fl.controls.ProgressBar;
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;
var columns:Number;
var my_x:Number;
var my_y:Number;
var my_thumb_width:Number;
var my_thumb_height:Number;
var my_images:XMLList;
var my_total:Number;
var container_mc:MovieClip;
var preloaders_mc:MovieClip;
var full_mc:MovieClip;
var x_counter:Number = 0;
var y_counter:Number = 0;
var my_tweens:Array = [];
var container_mc_tween:Tween;
var full_tween:Tween;
var myXMLLoader:URLLoader = new URLLoader();
myXMLLoader.load(new URLRequest("gallery_hats.xml"));
myXMLLoader.addEventListener(Event.COMPLETE, processXML);
function processXML(e:Event):void{
var myXML:XML = new XML(e.target.data);
columns = myXML.@COLUMNS;
my_x = myXML.@XPOSITION;
my_y = myXML.@YPOSITION;
my_thumb_width = myXML.@WIDTH;
my_thumb_height = myXML.@HEIGHT;
my_images = myXML.IMAGE;
my_total = my_images.length();
createContainer();
callThumbs();
myXMLLoader.removeEventListener(Event.COMPLETE, processXML);
myXMLLoader = null;
function createContainer():void{
container_mc = new MovieClip();
container_mc.x = my_x;
container_mc.y = my_y;
addChild(container_mc);
container_mc.addEventListener(MouseEvent.CLICK, callFull);
container_mc.addEventListener(MouseEvent.MOUSE_OVER, onOver);
container_mc.addEventListener(MouseEvent.MOUSE_OUT, onOut);
container_mc.buttonMode = true;
preloaders_mc = new MovieClip();
preloaders_mc.x = container_mc.x;
preloaders_mc.y = container_mc.y;
addChild(preloaders_mc);
function callThumbs():void{
for (var i:Number = 0; i < my_total; i++){
var thumb_url = my_images[i].@THUMB;;
var thumb_loader = new Loader();
thumb_loader.load(new URLRequest(thumb_url));
thumb_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, thumbLoaded);
thumb_loader.name = i;
thumb_loader.x = (my_thumb_width+10)*x_counter;
thumb_loader.y = (my_thumb_height+10)*y_counter;
if (x_counter+1 < columns){
x_counter++;
} else {
x_counter = 0;
y_counter++;
var preloader_pb:ProgressBar = new ProgressBar();
preloader_pb.source = thumb_loader.contentLoaderInfo;
preloader_pb.x = thumb_loader.x;
preloader_pb.y = thumb_loader.y;
preloader_pb.width = my_thumb_width;
preloader_pb.height = my_thumb_height/10;
preloaders_mc.addChild(preloader_pb);
preloader_pb.addEventListener(Event.COMPLETE, donePb);
function thumbLoaded(e:Event):void{
var my_thumb:Loader = Loader(e.target.loader);
container_mc.addChild(my_thumb);
my_tweens[Number(my_thumb.name)]=new Tween(my_thumb, "alpha", Strong.easeIn, 0,1,0.5, true);
my_thumb.contentLoaderInfo.removeEventListener(Event.COMPLETE, thumbLoaded);
function callFull(e:MouseEvent):void{
var full_loader = new Loader();
var full_url = my_images[e.target.name].@FULL;
full_loader.load(new URLRequest(full_url));
full_loader.contentLoaderInfo.addEventListener(Event.INIT, fullLoaded);
var full_pb:ProgressBar = new ProgressBar();
full_pb.source = full_loader.contentLoaderInfo;
full_pb.x = (stage.stageWidth - full_pb.width)/2;
full_pb.y = (stage.stageHeight - full_pb.height)/2;
preloaders_mc.addChild(full_pb);
full_pb.addEventListener(Event.COMPLETE, donePb);
container_mc.removeEventListener(MouseEvent.CLICK, callFull);
container_mc.buttonMode = false;
container_mc.removeEventListener(MouseEvent.MOUSE_OVER, onOver);
container_mc.removeEventListener(MouseEvent.MOUSE_OUT, onOut);
container_mc_tween = new Tween(container_mc, "alpha", Strong.easeIn, 1,0.5,0.5, true);
function fullLoaded(e:Event):void{
full_mc = new MovieClip();
full_mc.buttonMode = true;
addChild(full_mc);
var my_loader:Loader = Loader(e.target.loader);
full_mc.addChild(my_loader);
full_tween = new Tween(my_loader, "alpha", Strong.easeIn, 0,1,0.5, true);
my_loader.x = (stage.stageWidth - my_loader.width)/2;
my_loader.y = (stage.stageHeight - my_loader.height)/2;
my_loader.addEventListener(MouseEvent.CLICK, removeFull);
my_loader.contentLoaderInfo.removeEventListener(Event.COMPLETE, fullLoaded);
function removeFull(e:MouseEvent):void{
var my_loader:Loader = Loader (e.currentTarget);
full_tween = new Tween(my_loader, "alpha", Strong.easeOut, 1,0,0.5, true);
full_tween.addEventListener(TweenEvent.MOTION_FINISH, tweenFinished);
container_mc_tween = new Tween(container_mc, "alpha", Strong.easeOut, 0.5,1,0.5, true);
function donePb(e:Event):void{
var my_pb:ProgressBar = ProgressBar(e.target);
preloaders_mc.removeChild(my_pb);
my_pb.removeEventListener(Event.COMPLETE, donePb);
function tweenFinished(e:TweenEvent):void{
var my_loader:Loader = Loader (e.target.obj);
my_loader.unload();
full_mc.removeChild(my_loader);
removeChild(full_mc);
full_mc = null;
container_mc.addEventListener(MouseEvent.CLICK, callFull);
container_mc.buttonMode = true;
container_mc.addEventListener(MouseEvent.MOUSE_OVER, onOver);
container_mc.addEventListener(MouseEvent.MOUSE_OUT, onOut);
var my_tween:Tween = Tween(e.target);
my_tween.removeEventListener(TweenEvent.MOTION_FINISH, tweenFinished);
function onOver(e:MouseEvent):void{
var my_thumb:Loader = Loader(e.target);
my_thumb.alpha = 0.5;
function onOut(e:MouseEvent):void{
var my_thumb:Loader = Loader(e.target);
my_thumb.alpha = 1;
[/CODE]

Hi,
at www.lynda.com there is a great video tutorial.
Search for Create and Embed a Photo Gallery in a PDF

If I set Firefox to refrain from loading images automatically, how can I view a single image, or a single page's images, without having to enter the site in the Exceptions list, only to go back and remove it when I'm done?

I was hoping for a hotkey option or button on the toolbar to load images for a single page for a single session at a time. Turning off images really saves bandwidth and speeds load time on websites, but sometimes I'd like to view the images on a page, but only for this session. Is that possible, or do I have to go to the Exceptions page and allow a specific domain or page to load images and then go back and remove that domain or page when I'm done?

*Image Block: https://addons.mozilla.org/firefox/addon/image-block/

Broken Image on SSo Logout Page

Hi, I'd implemented SSO as Partner Application on an HTML DB application. Everything works great, except for the Status Image on the Logout Page, that is not been showned correctly.
How can I fix this problem. Is this a setting on the SSO Server, or is it an HTML DB issue?
Regards.

Ah, ok. That will be a great solution in case I want to customize the images on that page.
But I just want to use the standard solution with the standard icons. I'd looked at other Oracle applications and I believe that icon is called "osso_logout_success". Do I have to set sth. on the SSO Server in order to view it correctly?
Regards

This is about iPhoto: I need to print the FULL IMAGE as shown on the screen: the image is SQUARE (equal on four sides). iPhoto keeps cropping it into a rectangle - THIS IS NOT ACCEPTABLE! How do I get what I see on the screen in print form???

I need to print the FULL image as shown on the screen - the image is SQUARE (equal on all four sides). iPhoto keeps cropping it into a rectangle - this is not acceptable! How do I get what I see on the screen into print form?

Like Terence explained:
OT

I can't see the images on a web page, instead of them I get an interrogation.

I can't see the images on a web page, instead of them I get an interrogation.This is only one page, and none of the browsers can view your images, and this happened after updating the operating system to Yosemite.

Safari > Preference > Advanced
Checkmark the box for "Show Develop menu in menu bar".
"Develop" menu will appear in the Safari menu bar
Enable Images.
Make sure that"Disable Images" is not enabled.

On Ibooks Author, my programmed image for the Chapter page no longer shows up on new pages, just appears as a question mark inside a box, How do I fix this?

On Ibooks Author, my programmed image for the Chapter page no longer shows up on new pages, just appears as a question mark inside a box, How do I fix this? Please help, its the same when I try and copy and paste the same image within Ibooks author.

https://discussions.apple.com/message/24420017#24420017
You may have moved or removed content on your page or its possible you used the"Adjust Image" and over sharpeed one or more images.
I assume you mean it does not show up of new Chapter pages... have you checked the template?
Where you see the ? you need to either reduce teh box outline size - or drop anther copy of the original image onto it, it may fill the ? box or sit on top.... delete the ? box.
If its Chapter page only related, its better doing this in the template.
Is you image .jpg or .png?

Full Image overlay on a page

Similar Messages

Maybe you are looking for