Image pop-up in the same page..?

What is the best way ,without building a movie (swf file) on
page, to have a row of thumbnails at the bottom of the page and
then as each one is the clicked it's larger image appears above it
on the same page.
Thank you,
Disco

You only need one div with an id. You can have more than one
if you want and
swap out images in all of them but to make a simple
mini-gallery you just
need the one. <div id="show"></div>
I haven't seen your page to how it is designed but I imagine
you have an
area on the page where there are thumbnail images. One at a
time select each
thumbnail and access the extension from the Tag Selector .
Select the "show" div in the div list and browse to the full
size image you
want to appear in the "show" div when the thumbnail is
clicked. Set a
caption if you wish.
In the demo I have placed a full size image inside of the
"show" div.
You only need one div to display the full size image. Each
time click a
thumbnail ( or text link ) with the loadImage applied it will
replace the
image currently in it with the new one.
Regards,
..Trent Pastrana
www.fourlevel.com
"discoolemonade" <[email protected]> wrote
in message
news:e4j8ln$dlp$[email protected]..
> Trent --
>
> I installed the Four Level loadimage behavior and think
this is exactly
> what I
> want, specifically the mini gallery.
>
> I set the <div id="show"></div> tag in the
table where I want the
> thumbnail
> image to go -- right..? But I am confused as what to do
next to get the
> "on
> click" function for the thumbnail..? How many div tags
can you set up in
> the
> table and won't they need to have different x and y
coordinates..? I've
> played
> around with behaviors before but haven't quite figured
this out. Can you
> give
> me a step by step to set up a gallery within a table
with two columns like
> the
> example shown..? I have DW 8.
>
> Thanks a million --
>

Similar Messages

In Acrobat XI, how can I select and move multiple text/image blocks simultaneously on the same page?

I work with student-generated PDFs that require all content to be within a specific margin range. Occasionally tables and figures are indented or otherwise spaced incorrectly so that the content violates the margin requirements. In Acrobat X, I could use the select tool to draw a select box around all of the text and lines within a table, for example, and just slide the entire table over a bit to meet the requirements without sending the PDF back to the author for a correction. This didn't always work, but often enough that I was able to use it on a daily basis.
Is there a way to select multiple (but not ALL) text blocks and image pieces on a page, so they may be moved simultaneously? If I have to select every text block and line (or every point and line within a graph) and move them each individually, this is going to be a nightmare.
I have Acrobat XI for both Mac and Windows, but tend to use the Windows version more often.

Hey, I'm using Acrobat XI and I can't multi select like I use too do with shift as always. Now I get a green note every time I want to multi select with shift + click as always. I also use Pitstop and I get the same green notes.
Can someone help me ?

Make pictures pop-up on the same page

okay so this is gonna get complicated
i want to have a list of my paintings on my page (got that) when i click i do not want them to open in the same window or a new one,,,,,, i want it to appear in the pink space, marked on my website under "paint", below now appears a list of several test paintings,,, so when i click on them they should appear in the pink space, it is like on this website :::::::
http://von-maltzahn-fine-arts.com/de/kuenstler/larsson/larsson_a3.htm
(choose from the small boxes to change painting)
do i need flash to do this?
i only have dreamweaver 8 , iWeb and lol TextEdit
my website adress:
http://web.mac.com/madmax019/iWeb/Web-Site/Paint.html
so thnx already

Here's a step in the right direction:
http://web.mac.com/varkgirl/iWeb/Slideshows
Sorry I don't have the resources available to me tonight to help further. Our power is out (since I got home from work) due to a downed pole or something and I am using my hubby's PC laptop with a Sprint PCS wireless card or some such thing...
If anybody tries to visit Aardvarkland tonight... I did a Publish ALL this morning before work and then didn't post-process it yet and unfortunately now I can't due to lack of power. Hopefully later tonight or tomorrow I will be back in action!

Can you create an image map that will link to a different element on the same page?

I have used image maps before and know how to create an image map to link to a new page. In this case, however, I want to be able to click on my image using an image map and load a new image with text on the same page as the image map. Is this even possible? Is there some sort of behavior that allows you to create same-page links, perhaps using AP divs? I want the end result to be a type of gallery that loads different images depending on where you click on the main image.
Again, I don't even know if this is possible. Any suggestions on how to make this work would be greatly appreciated.
Thank you!

Go to this site and mouse over the image map of South America.
http://alt-web.com/testing.html
Is that what you are looking for?
Insofar as linking to a position on the same page, do a Help search (F1) in DW for "named anchors."
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

If you make a picture in pages.... how do i duplicate the image on the same page multiple times????????!!!!

If I make a little picute in pages ... HOW DO I DUPLICATE THE IMAGE MULTIPLE TIMES ON THE SAME PAGE!11?????!!!!

Or you can hold down the Option key while you click on the image and drag to create a copy. Then Select All and repeat. Repeat again, each time doubling your image count. You may, at an early stage, want to align your photos so that they will be in position when you Option-Drag the next set.
Walt

How do you link a button to a image on the same page?

I created a photoshop button and pulled it into my Muse website, and I want to link it to an image on the same page. I have a slide show set up, and this way I could have a secondary menu with buttons corresponding to each image in the slideshow. I can only find the option to link the button to another page, or link it to an external website. Help!

Hi avary.s
"Image Option" : http://prntscr.com/svhz7 Tells that its actually the whole image that is being placed within this slide show container.http://prntscr.com/svhz7 check : http://prntscr.com/svine
However, "Hero Image" as show in screen shot provided in above reply, is a container which shows the edited part of the complete image : check : http://projectuni01.businesscatalyst.com/screenshots/2013-02-16_0217.png
So in this case, In slideshows, the links are actually get applied on Hero image or on the slideshow containers.
I hope this information helps
Regards
Anshul Sharma

How do I create a duplicate image inside the same page? Then how do I change the color of that image

how do I create a duplicate image inside the same page? Then how do I change the color of that image from black to red?

Hello there!
Here is one way to create a duplicate image and colorize it. As you can see below, I have one image right now, that I want to duplicate.
My layers panel looks like below.
To duplicate your image, click the downward arrow on the right side of your Layer Panel.
Select Duplicate Layer. This will duplicate the layer that the image is on.
Select "OK" to approve the duplication.
As you can now see in the Layers panel, the image is duplicated. The new layer is now at the top of the Layer panel.
Now to colorize your image, go to Window > Adjustments.
The Adjustments panel will now be opened. Select the Hue and Saturation icon as seen circled in red.
The Hue and Saturation propertied panel will be opened. I selected "Colorize", and adjusted the hue and saturation bar to achieve the level red in my photo.
As you can see below, the image is now red.
Now i want to make sure only ONE of my image layers is red. I moved the Hue and Saturation layer to only be on top of the bottom layer. The image on the top layer now will not be affected by the red.
Select the move tool, so I can now move the image layers so we can see both of them.
With each image layer selected, you can take the move tool and move the images. I moved mine on top of eachother and you can see my red layer (bottom) and the non red layer (top).
I hope that helps. i have also included helpful links.
Please post back with any questions,
Janelle

Getting an image to pop up on the cover page of a package

Im using adobe acrobat 8 standard. I have a picture as the backgroud of a page and i would like to be able to click on various parts of the picture and have other scaled down pictures pop up on that same page. Can this be dont in acrobat 8 standard

yes i found online that i have to use the button tool to do this but i cant seem to find it anywhere in the
tool bar. I know it supposed to be under the advance editing tools but its not. So im not sure if standard offers that option. Am i missing something

Scrolling on pages with images is very jerky and sometimes hangs [but the same page is fine on IE]

windows xp /ff 3.5.8 [tried upgrade to later versions but I completely lose my synaptics tp scroll function]
as the title says, on some/many sites, when you scroll down the page, FF gets "stuck" on an image and the page becomes jumbled as it crawls along for a short while, then it will get past the "obstruction" and scroll okay. but scrolling back up it hits the same bump.
it is 100% repeatable
the same page in IE scrolls just fine.
thanks

Reset the page zoom on pages that cause problems: <b>View > Zoom > Reset</b> (Ctrl+0 (zero); Cmd+0 on Mac)<br />
See:
* http://kb.mozillazine.org/Zoom_text_of_web_pages
If you have increased the minimum font size then try the default setting 'none' as a high value can cause issues like you described.
* Tools > Options > Content : Fonts & Colors > Advanced > Minimum Font Size (none)
* Tools > Options > Content : Fonts & Colors > Advanced > [X] "Allow pages to choose their own fonts, instead of my selections above"
See also [[Websites look wrong]]
If you need to increase (or decrease) the font size on websites then look at the NoSquint or Default FullZoom Level extension.
* Default FullZoom Level - https://addons.mozilla.org/firefox/addon/6965
* NoSquint - https://addons.mozilla.org/firefox/addon/2592

Hey everybody... I have an image that I would like to produce multiple images on the same page ...same image just 25 times on one page can anyone help me?

hello everyboby...I am have a difficult time trying to take one image and reproduce it 25 times on the same page......can anyone help me?

You certainly are not following my work flow - that is the info window in the main iPhoto window
I said (steps numbers for ease of following my work flow)
1 - Simply select the photo and
2 - print,
3 - select the printer,
4 - Select the paper size and
5 - select a print size (keep the image ratio in mind so you do not get unwanted cropping) that will fit the required number of photos on the page with small borders - you have to do the math - and
6 - if the preview does not show multiples of the same photo click customize,
6 a - click settings and
6 b - select multiples of the same photo on a page -
the preview will reflect this selection - and
7 - print
Nothing about getting info for the photo in the iPhoto window
LN

Display an iview in the same page.

Hi Experts,
I need to integrate webdynpro application which is a tree application
when i integrate that application if i click on that some search button it should navigate to other iview but the present application should be in the same page and the new application should be opened... how can we make it....
plz help me in this ,.........
waiting for u r responses...
Regards,
Shilpa

Shilpa,
If it is the 1st one (pop Up) then you can use Koti's threads.
also check this library files to do this, if it is a external window I think this suits your requirement very well
http://help.sap.com/saphelp_nw2004s/helpdata/en/fd/024640c0e56913e10000000a1550b0/content.htm
Open view in external window..
Open views in non-modal external windows - the patch version
PraDeep
Edited by: pradeep bondla on Jul 18, 2008 7:14 AM

Multiple click boxes in the same page

I'm trying to include 4 click boxes in the same page in Captivate 5. The idea is when user clicks on each box, the content reveals and stays on the screen. The first click box works fine. But when click the second box, the content shows only for less than a second and then quickly moves to the next screen, and of course, there is no chance to even get to the 3rd and the 4th one. Can anyone help me? Thanks!

Hi Lilybiri,
Does this mean that the user has to click the click boxes in the order that you stagger the pauses? For example, if I'm showing a picture and instructing the user to click on any area to get more information, they could really click on any area first - however will that click box pop up if that click area was not the "first" pause in my timeline?
Also, how do I get the "success" caption text to stay on the page? I don't want it to fade so that the user can see all of the info. once they've clicked each box. I've checked to make sure that the "fade out" option is off, and I'm assuming I can't have the click boxes "display for the rest of the slide" since that would ruin the pause increments.
Thanks!
Chantelle

How can I keep all of my students on the same page in an iBook?

My school is in the process of giving each student an iPad Mini, one grade at a time. As a ninth grade teacher, all of my students have one, but we are having some trouble staying on the same page when we are reading a novel ( no pun intended ). What I mean is that what appears on page fifty for me will appear on page forty for one student and on page sixty for another. I tried to fix this by having all of my students keeping their iPads in landscape orientation, but that did not solve the issue. I then tried to have students adjust the size the font on their books so we would have a uniform text, but the tool for adjusting the size images this tricky as well.
I am considering having all of my students make their font size as small as possible and then giving them a specific number of times to tap on the font increase, but I am hoping to find a simpler method. Am I overlooking something?
I would appreciate any tips that you might have.

You can render the ebook on an instructional application called Zankura. Not only can you control the screen scrolling, but all the students can freely annotate with their stylus. www.zankura.com.

Two animations on the same page Html5 canvas (flash cc)

Hi all,
I have been using Flash CC to create some nice html5 animations and I am really enjoying it. However I wanted to add more than one animation to the same page. I have managed to get two animations running on the same page, but I am having some issues whereby only one of the animations load the supported images where as the second one does not. I have pasted my code below, any help would be gratefully received. In the long term I want to add many animations to the same page, so would appreciate some help on how this can be done more efficiently. Many thanks in advance.
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>animation test</title>
    <script src="http://code.createjs.com/easeljs-0.7.0.min.js"></script>
    <script src="http://code.createjs.com/tweenjs-0.5.0.min.js"></script>
    <script src="http://code.createjs.com/movieclip-0.7.0.min.js"></script>
    <script src="http://code.createjs.com/preloadjs-0.4.0.min.js"></script>
    <script src="animation-three.js"></script>
    <script src="chart-animation.js"></script>
    <script>
var canvas, stage, exportRoot;
function init() {
canvas = document.getElementById("graph");
canvas = document.getElementById("piechart");
images = images||{};
var loader = new createjs.LoadQueue(false);
loader.addEventListener("fileload", handleFileLoad);
loader.addEventListener("complete", handleComplete);
loader.loadManifest(lib.properties.manifest);
function handleFileLoad(evt) {
if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
function handleComplete() {
          exportRoot = new lib.animationthree();
          stage = new createjs.Stage(graph);
          stage.addChild(exportRoot);
          stage.update();
          createjs.Ticker.setFPS(30);
          createjs.Ticker.addEventListener("tick", stage);
    exportRoot = new lib.chartanimation();
          stage = new createjs.Stage(piechart);
          stage.addChild(exportRoot);
          stage.update();
          createjs.Ticker.setFPS(30);
          createjs.Ticker.addEventListener("tick", stage);
    </script>
</head>
<body onload="init();" style="background-color:#D4D4D4">
    <canvas id="graph" width="530" height="410" style="background-color:#FFFFFF"></canvas>
    <canvas id="piechart" width="530" height="410" style="background-color:#FFFFFF"></canvas>
</body>
</html>

Hi all,
I have been using Flash CC to create some nice html5 animations and I am really enjoying it. However I wanted to add more than one animation to the same page. I have managed to get two animations running on the same page, but I am having some issues whereby only one of the animations load the supported images where as the second one does not. I have pasted my code below, any help would be gratefully received. In the long term I want to add many animations to the same page, so would appreciate some help on how this can be done more efficiently. Many thanks in advance.
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>animation test</title>
    <script src="http://code.createjs.com/easeljs-0.7.0.min.js"></script>
    <script src="http://code.createjs.com/tweenjs-0.5.0.min.js"></script>
    <script src="http://code.createjs.com/movieclip-0.7.0.min.js"></script>
    <script src="http://code.createjs.com/preloadjs-0.4.0.min.js"></script>
    <script src="animation-three.js"></script>
    <script src="chart-animation.js"></script>
    <script>
var canvas, stage, exportRoot;
function init() {
canvas = document.getElementById("graph");
canvas = document.getElementById("piechart");
images = images||{};
var loader = new createjs.LoadQueue(false);
loader.addEventListener("fileload", handleFileLoad);
loader.addEventListener("complete", handleComplete);
loader.loadManifest(lib.properties.manifest);
function handleFileLoad(evt) {
if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
function handleComplete() {
          exportRoot = new lib.animationthree();
          stage = new createjs.Stage(graph);
          stage.addChild(exportRoot);
          stage.update();
          createjs.Ticker.setFPS(30);
          createjs.Ticker.addEventListener("tick", stage);
    exportRoot = new lib.chartanimation();
          stage = new createjs.Stage(piechart);
          stage.addChild(exportRoot);
          stage.update();
          createjs.Ticker.setFPS(30);
          createjs.Ticker.addEventListener("tick", stage);
    </script>
</head>
<body onload="init();" style="background-color:#D4D4D4">
    <canvas id="graph" width="530" height="410" style="background-color:#FFFFFF"></canvas>
    <canvas id="piechart" width="530" height="410" style="background-color:#FFFFFF"></canvas>
</body>
</html>

When I click on my Yahoo bookmarks, I only get the download Yahoo toolbar page, I downloaded the toolbar again and I still get the same page when I hit bookmark icon - how do I get my bookmarks back - they still show on Microsoft Explorer

Question
When I click on my Yahoo bookmarks, I only get the download Yahoo toolbar page, I downloaded the toolbar again and I still get the same page when I hit bookmark icon - how do I get my bookmarks back - they still show on Microsoft Explorer

julianscars wrote:
I don't get a page, all I get is the player popping
Click the green jelly button at the top left of the player.

Image pop-up in the same page..?

Similar Messages

Maybe you are looking for