Thumbnails and image viewer
I need to make a page with a bunch of thumbnails, where
clicking on any of the thumb nails makes that image appear bigger
in a different part of the screen. I know this can be done but I
cant remember that the terminology is. Could someone tell me what
this is called so I can google a tutorial on this?
thanks
james
Hi.
It´s easy. I will try, with my bad english, explain you
how to do it. Only
as trainer.
1. Create a table with 2 cells and 2 rows.
2. Now in the first left cell insert one of the thumbnail.
3. In the second left cell insert another thumbnail.
4. Now select the two right rows, while click right and
select table-combine
cells. Insert here one of your big image. This will be the
image wich will
be seen when the page loads.
5. Select the images, one to one, and down in the Properties
Inspector you
will see a small image. Give a name to every image in the
small white box.
6. Select the first thumbnail and click the Tag Inspector
menu. Click the +
in Behaviors and select Swap Image.
7. In the new Swap image box select the name of your big
image and in the
Source image click browse and select the big image wich
correspond to the
thumbnail you select in point 6.
Repeat the process.
For default the swap image is set on mouse over, click over
"on mouse over"
and change it for on click.
I hope that you understand this steps.
"jdldn" <[email protected]> escribió en
el mensaje de noticias
news:g83mp2$sah$[email protected]..
> Thanks Miguel.
> I found this tutorial on Disjointed rollover.
>
http://www.youtube.com/watch?v=FJpUs6NBbWo
>
> Sorry I didnt state earlier, but what I want is a
Disjointed rollover, but
> where you have to click on the thumbnails, not just
hover your mouse over
> them.
>
>
Similar Messages
-
Does lightroom allow a thumbnails and details view similar to ACDsee Pro?
Does lightroom allow a thumbnails and details view similar to ACDsee Pro?
Perhaps you could show us a screen capture of ACDsee Pro so we can see what you are talking about.
-
Help with adjusting spacing between thumbnails and image in slideshow
How can I adjust the spacing on the slideshow page?
Customer wants more space between the thumbnails at the top and the image(s). Can I move the image & navigation tool or adjust the image size relative to the thumbnails and navigation tool at the bottom?
Although I'm familiar with html source code and working on simple stuff at that level, I have yet to locate it in iWeb and make any adjustments.
If anyone has step-wise instructions, I'd appreciate it. Thanks much.Although I'm familiar with html source code and working on simple stuff at that level, I have yet to locate it in iWeb and make any adjustments.
iweb photos page's elements: header controls, detail view and footer controls are generated by ajax widgets, so there is nothing to in page source for you to find.
If anyone has step-wise instructions, I'd appreciate it. Thanks much.
that would be the instruction on how ajax widgets build photos page... there is none.
you can send feedback to apple and ask for details on iweb widgets and tools to build widgets.
that said, it can be done... check out with safari: http://temp.cyclosaurus.com/DetailView_Rearranged/Photos.html
code is linked to my example, i don't do tutorial. -
Thumbnail and image issues iPhoto 'o8 & Leopard
I installed iLife '08 a few weeks ago and then installed Leopard on the day it was released. I have recently imported a few high-res images (adjusted in Photoshop CS2) and some of them are listed in my iPhoto library but I can not see the photos. I simply get a black thumbnail and when I double click the image it does not appear in the separate window. I can see the image when I go to make a slideshow, but I can see the image when viewing it in the folder or event. Any idea what the issues are?
Thanks,
MarkMark
Back Up and try rebuild the library: hold down the apple and option (or alt) keys while launching iPhoto. Use the resulting dialogue to rebuild.
Regards
TD -
I am using a spry horizontal menu.
Two problems I am trying to fix:
1. The drop down menus shift to the right in IE7 on PC
instead of coming up directly below the parent menu item.
2. The drop down menus overlap an 'image viewer flash
element' area and struggle to stay on top when the slide show is
playing. Is there a way to make them drop down over the flash area
or will that always conflict?
I am very new to Dreamweaver--I stalled on switching over
from GoLive which I have used since 1997.
Thanks for any help. I feel like a newbie all over again!
Kate
site:
http://www.mtelliott.com/test#comp_image {
background-image: url(../images/signs.jpg);
background-repeat: no-repeat;
position: relative;
height: 210px;
width: 745px;
Try making that rule like this -
#comp_image {
background-image: url(../images/signs.jpg);
background-repeat: no-repeat;
position: relative;
height: 210px;
width: 745px;
overflow:hidden;
Does that help? I believe what's causing the gap is the top margin on the <h1> tag which will 'escape' the container. By making the container a new block formatting context with the overflow style, you can prevent the margin from escaping. Alternatively, just add this rule -
#comp_image h1 {
margin-top:0; -
Can anyone shed some light on this, the stress level trying
to solve this is very high.
<a href="images/IMG_3849.JPG">
<img border="2" src="images/IMG_3849_small.JPG"
xthumbnail-orig-image="images/IMG_3849.JPG" width="100" height="75"
alt="pic1"></a>
The above will not validate in W3C, I've checked and checked
and cannot find a problem.
We are using the following DOCTYPE.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "
http://www.w3c.org/TR/html4/loose.dtd">
I keep getting the following:
Error Line 52 column 72: there is no attribute
"XTHUMBNAIL-ORIG-IMAGE".
...852_small.JPG" xthumbnail-orig-image="images/IMG_3852.JPG"
width="100" height="75" alt="pic1"></a>
If I had Fireworks an album could be created but I don't have
it yet.
Thank y'all.Whats this property added into the image tag?
xthumbnail-orig-image="images/IMG_3849.JPG"
I would guess if you remove that, you will validate.
One other thing - you might want to add a title tag for
accessibility.
Cheers,
Rob
http://robgt.com/ [Tutorials and
Extensions]
Firebox stuff:
http://robgt.com/firebox
Skype stuff:
http://robgt.com/skype
SatNav stuff:
http://robgt.com/satnav -
I am designing an interactive catalog in a pdf. Is it possible to have the images as a thumbnail and then click them to enlarge the image and then click again to make them go back to the original size?
Thank you in advance!
StephanieIt can be done with Show/Hide buttons:
Here's a button created from a small version of the image (notice that it's selected in the image below):
The small button has a Show/Hide Buttons and Forms action. It's action is to make the Larger Image visible (eyeball turned on) with the small image hidden (eyeball turned off).
The large image is also turned into a button (shown below):
Notice the checkbox "Hidden Until Triggered". The large button is hidden until it's triggered by the small button. Clicking on the large image also causes a Show/Hide action which shows the Small button and hides the large button. -
When I cull through my images in the filmstrip everytime I use my right arrow and rate a photo it jumps back to the first thumbnail and i have to arrow all the way back to where I left off. Is this a setting issue
Art,
I am trying to follow your very precise steps, and in my case (PSE11 also, Win7), the focus stays on the edited picture after I return from the editor to the Organizer. I am pretty sure that in the previous post describing your situation, I was able to reproduce the problem, but I don't remember on which version. I just tried in 'Folders' view mode to edit in a selected folder, then I clicked 'All media' so that no folder was selected. Same result in both cases.
Even if you prefer to work in folders view, you could take advantage of the ability to use 'albums'. It's a misleading word to describe a selection, a 'collection' of pictures, which you can sort as you want. It's a kind of 'playlist' like with music items. In the organizer, you can select a folder and create an album (even a temporary one) just by choosing 'create instant album'. Suppose you have made an album from a folder or a selection of highlighted pictures to edit. You can order them in date order, import batch or 'custom' order'. Since PSE12 you can also sort them in filename order. You should never lose the 'focus' on your last edited picture when coming back from the editor to the organizer. If the purpose of that album is only to help in organizing an editing session, you simply delete the album (the playlist) if you don't want to keep the list afterward.
I hope someone will be able to confirm how that can happen...
Edit;
I have just read Brian's post.
That may be the difference... -
Enable video file and image file thumbnails WITHOUT enabling thumbnails for other filetypes
Hello. I am new to Mac and pulling my hair out at some of the limited UI options
I am wanting my image-files and video-files to appear in Finder (desktop etc) as thumbnails
However, I DON'T want PDFs, Excel, Word, PowerPoint files to have a preview thumbnail
Basically how things are now either way, it's very cumbersome visually to distinguish between file-types while cruising around my folders with a quick glance.
if thumbnail previews are on for all, its hard to tell at a quick glance which are PDFs, Excel files vs. images
similarly, the little "pdf" or "xlsx" or "docx" text overlay on these previews is so small and non-color coded as to be useless for quick-glance recognition of which filetype
if thumbnails are off, it's impossible to glance at files in a folder and know which image or video each is without wasting my precious miliseconds clicking on them, or trying to actually read truncated filenames
Here are some possible solutions which I hope somebody knows how to do:
globally enable or disable icon previews by filetype (preferred)
stipulate adding overlayed mini icons to certain filetypes
example: if it's a pdf, show the icon preview, but overlayed on that would be the red Adobe pdf icon/logo roughly a quarter of the size of the file icon (like is possible in Windows 7).
this way image and video previews can be seen at a glance, but having a big red or green or blue logo makes for immediate recognition of filetype
(least prefered but could help) ...somehow change the font color and increase the font size of the overlayed "pdf" "xlsx" "doc" "pptx"currently standard on these filetypes while showing icon preview but ALL are miniscule black text no matter which filetype
I'm quite dumbfounded right now that something for better immediate-glance filetype recognition isn't standard, or at least easily Google'able. All I've found is the Either/Other bamboozle.
Would love it to hear of a solution for this. Thanks all.Put all of your separate flash movies into one move, and then
use flash to
load the movies into a top section of the flash document.
Your site (this page) sounds like it would be best viewed
entirely in Flash
(at least easiest w/o reloading).
Jon
"zachmundy" <[email protected]> wrote in
message
news:earmgn$q95$[email protected]..
>I have a bunch of flash videos that i've created
thumbnails for. I have
>one
> big cell on the top of the page that displays a video
and a bunch of small
> cells below that hold the thumbnails and descriptions of
other videos.
> When a
> user clicks on one of the videos, I want it to load that
video into the
> large
> cell on the top of the page all without
regenerating/refreshing the page.
> Is
> this possible in dreamweaver? What do I need to code the
thumbnail
> buttons to
> do in order to make this happen?
> Thanks
> -
After Effects FFX File Presets and Image thumbnails
This is a sample piece of code from an effects preset for a text ffx for After effects. The "<xapGImg:image>/" from below is referring to a local url. but it seems to be encrypted or something. Is there a way to make image thumbnails for my ffx files so that the thumbnail can be viewed in bridge. Been looking for the answer but nothing.<br /><br />thanks for helping<br /><br /><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?><br /><x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="3.1.1-112"><br /> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"><br /> <rdf:Description rdf:about=""<br /> xmlns:xap="http://ns.adobe.com/xap/1.0/"<br /> xmlns:xapGImg="http://ns.adobe.com/xap/1.0/g/img/"><br /> <xap:CreatorTool>After Effects 7.0</xap:CreatorTool><br /> <xap:Thumbnails><br /> <rdf:Alt><br /> <rdf:li rdf:parseType="Resource"><br /> <xapGImg:height>162</xapGImg:height><br /> <xapGImg:width>216</xapGImg:width><br /> <xapGImg:format>JPEG</xapGImg:format><br /> <xapGImg:image>/9j/4AAQSkZJRgABAgEASABIAAD/7gAOQWRvYmUAZMAAAAAB/9sAhAAKBwcHCAcKCAgKDwoICg 8S
DQoKDRIUEBASEBAUFA8RERERDxQUFxgaGBcUHx8hIR8fLSwsLC0yMjIyMjIyMjIyAQsKCgsMCw4M
DA 4SDg4OEhQODg4OFBgRERIRERggFxQUFBQXIBweGhoaHhwiIiAgIiIrKykrKzIyMjIyMjIyMjL/
wAARCACiANg DASIAAhEBAxEB/8QBogAAAAcBAQEBAQAAAAAAAAAABAUDAgYBAAcICQoLAQACAgMB
AQEBAQAAAAAAAAABAAID BAUGBwgJCgsQAAIBAwMCBAIGBwMEAgYCcwECAxEEAAUhEjFBUQYTYSJx
gRQykaEHFbFCI8FS0eEzFmLwJHKC8 SVDNFOSorJjc8I1RCeTo7M2F1RkdMPS4ggmgwkKGBmElEVG
pLRW01UoGvLj88TU5PRldYWVpbXF1eX1ZnaGlq a2xtbm9jdHV2d3h5ent8fX5/c4SFhoeIiYqLjI
2Oj4KTlJWWl5iZmpucnZ6fkqOkpaanqKmqq6ytrq+hEAAgI BAgMFBQQFBgQIAwNtAQACEQMEIRIx
QQVRE2EiBnGBkTKhsfAUwdHhI0IVUmJy8TMkNEOCFpJTJaJjssIHc9I1 4kSDF1STCAkKGBkmNkUa
J2R0VTfyo7PDKCnT4/OElKS0xNTk9GV1hZWltcXV5fVGVmZ2hpamtsbW5vZHV2d3h 5ent8fX5/c4
SFhoeIiYqLjI2Oj4OUlZaXmJmam5ydnp+So6SlpqeoqaqrrK2ur6/9oADAMBAAIRAxEAPwDjOb Nm
xV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2b
Nm xV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV
2bNmxV2bNmx V2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNm
xV2bNmxV2bNmxV2bNmxV 2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2bNmxV2b
NmxV2bNmxV2bNmxV2bNmxV2bNmxV2 bNmxVmX5Z+TbPzZrE9rfPIlrbwmVmhIVq8gqirK3jhr5t8s
flppelXb6Vq0tzq0JCR2xlRvi5cWqFjHT55JPy IsCmk6zqPIRtI628UrdFKKXav/AAa5FNb/ACyn
ttf0zTYNTivrjV5ZCxiWnpIhVndvib+bFXn+bPQGjWXk7Sv NUHkvT9GgvZo4Wl1LUblVkdSE5ADm
rddq0oBXI9a+TNI8yfmTrBa3S30DSConhgURo7gUCDhSgPEs1P44qxT8 rPKlj5m8wS22pIzWMFu0
rhTxJbkqIK/Scj3mW3sbXX9QttPUrZwTvFCpPI0Q8evzGd98n+YdBu7DXL7SdJg07 T9M5QpcxKqt
MkaFyzcVG3fqchHkvy7pVn5cu/PWv2R1OeV2axsCvMOzPxHwUIYsx7g0HbFXk2SDyN5eh8x+Zb TS
rguttLyadoyAwRVJ2JB70ydfmzpGkDy5pGuRaamj6ndECWzRVQ0K8irKoUVXxpXA35D2HreYb2+I
2t rfip95Gp/DFUtl8i6RJ+Zg8qWkkx0+MqLiRmUyf3YkejBabVA6YRefdD03QPM91pGmvJJb2qxh
mlIZubosjbq q9OWdB/LD/cz+ZGv64fiRWnaJvaWTig/4DFfINlpnmHzZ5t1vU7eG6s1kYIZ41lVA
zsVYBwRUJHirxfNnd9Os vJXmTyPrX6O0iO1hsHmiiuGVTMzRosqzeoBy35dK5xXRtKudY1S10y2F
ZrqRY1PYVO5PyxVBZs75pmneUNA8z ad5Ms9Ih1G/mjMuo39yquUCo0mwdW3anQUHTAGn6Jomo/nD
fWyafbfo3TrUmS29JPRMtFj3j48a1evTFXiWbP RPly18jarqmv6PZ6HB6Nm3Ge7dEYO78ldYxx/d
hKbccgn5eeTdDnXVfM2tL6uh6Y0n1eJt1k9Orcm/moKbdzi qG/KzyZo3mC31S+1pHa1slXjwbhQ0
LsfuGc8l4eq/AcU5HiOtBXYZ6B/xHZXH5YavrdlpkOkxzpLDFDCFHJSf RVzwRN/iOefMVdmzZsVd
mzZsVdmzZsVdmzZsVdmzZsVez2X+4T8jJJfsS6jzY+NZpfTU/wDAIMjH5KPbr52i9 YgOYJRDX+Yj
oPorkIk1PUZbVbOW6le0SnCBnYxinSik02xGGaaCVZoHaKVDVJEJVgR3BGKvovyz5Ym0nzr5g1 vU
Zo2ub0O9jCrcn+rcwzyMP2d+Kj6cJvyykOq6P5thgkUandXUxBJoQsicYifbkDnGDrutG4kujf3H
1m VeEk3qvzZR+yzVqRiNpqF/ZTGezuZbecggyROyMQeu6kYq9qbSZPJ35Q6vbzSo99NyiufSbkqv
O6QFOXiqtvh t5ZvtZuvyz08+UXt21S3URSRz7gcS3NfANuCK7ZwB9T1GS2a1e6la2ZubQl2KFieX
IrWla5djqup6cWawu5rU vsxhkaOo9+JGKsk/MUeck1SBPNlwJrto+cMcZHBFJpQKiqoPyya/kU8E
llrlkkojv5Qpir1C8WXlT2Y5yG5u7 q7lM11M88x6ySMWY/S2VBcT20olt5GilX7LoSrD6Rir3HRN
If8ALP
The XMP packet looks OK--the thumbnail is base64 encoded as it should be.
You'll have a better chance of a response if you post your question on the After Effects forum--readers there are more likely to be familiar with After Effects and Bridge.
Don't post the XMP packet text--just that you can't see After Effects thumbnails in Bridge. -
My hard drive crashed recently and we took it to apple to get repaired. The apple employees said that they would have to replace the hard drive but they didn't have the equipment to get the data off my hard drive. So I took it to a computer store who had the right equipment after a month and a half of waiting they finally got all the data off my hard drive and put it on an external hard drive (Seagate Expansion Portable Drive). I then took it back to apple who replaced the hard drive. Now I'm in the process of reinstalling everything. I have never done a Time Machine back up or backed my laptop up to . Which I now will do very often once I've reinstalled everything. I have reinstalled all of my desktop images and folders as well as my iTunes library with no issues. However when i went to reinstall my iPhoto library it came up blank. I then Rebuilt the library several times and this was the result.
It shows that the photos and events are there but there are no thumbnails and if you click on an image or video nothing comes up.
Please help i have three years worth of images from holidays on here and would be devastated if i lost them.iPhoto cannot find the thumbnails or the original pictures.
Go to your iPhoto Library in the Pictures Folder.
Right-click on it and from the resulting menu, choose 'Show Package Contents'.
This will bring you inside the iPhoto Library package. There you should see a Folder called Masters. Within that, there should be folder containing your actual photos.
Are they there? -
The photos in my IPhoto have all become mini-thumbnails and I can't open or edit them. When I print the image it comes out normal size. How do I get the thumbnails back to the standard size and be able to work with the photo files?
What version of iPhoto and system are you running? On the guess that you're running the latest iPhoto, 9.4.2, Try the following:
1 - launch iPhoto with the Command+Option keys held down and rebuild the thumnails, Option #2.
2 - It may take 2-3 attempts so don't give up after only one attempt.
OT -
How to view image in sagittal, coronal and axial view in labview
Hi guys
Can anyboday help in visualization of images in sagittal, coronal and axial view . For example I have slices of image I want to look into all three plane, how to write code for this.
I will Appreciate your help
Thanks
Solved!
Go to Solution.Thank you for your reply guys
Here I am attaching three axial slices please let me know how we can change index and visualize in sagittal and coronal plane.
I really apprecite your help
Attachments:
slie1.jpg 31 KB
slice2.jpg 36 KB
slice3.jpg 44 KB -
How can I allow a customer to upload an image to be stuck onto a mug or t-shirt and then view what it would look like on that mug or t-shirt?
In the absence of drivers, a rather nasty way to achieve this would be to ensure that your software always occupies the same portion of the screen such that you know the position of the 'sample' button. You could then simulate a mouse click at those coordinates when you require a sample to be taken.
This would not be a robust solution as a user could move or minimise the window, or other windows could also find their way into the critical position and cause the application to work incorrectly or cause unexpected things to happen.
However, if you just need a short term work around this method might be acceptable, just be aware of the risks if you try it.
Searching for simulate mouse clicks and having a play is the way forward.
As an example of simulating a mouse click in a certain position, have a look here:
http://forums.ni.com/t5/LabVIEW/Programatically-Selecting-a-ring/m-p/1463242#M557128
Ian -
Web Gallery - need file name on thumbnail and large image
I think I have tried all the CS3 templates, but haven't found what our client is requesting. Is there a template that shows the file name on both the thumbnail and large image, and will make large images of 600-800 pixels (long dimension)?
Thanks in advance,
Dan ClarkThanks for your reply Nini. Yes, I had gone through all the presets and options. Was hoping I might have missed something, or that someone knew a trick/workaround. We've been using Table-Minimal for years, which is my overall favorite. I like to ability to make a large image, but it can't do what the client is requesting. They've made a list of selects from some very large galleries (200-300 shots each), and now want to jump directly to the shots they've previously chosen, in order to show their coworkers. I've also considered "Add Numeric Links", but I find that either confuses people, or they give me that number, instead of the file name/number, which makes a lot of extra work for us.
Maybe you are looking for
-
Question- Headphone Jack Problems
Hi, so i got a new macbook air last year august. I have never dropped it or dropped water on it. On tuesday i tried to play music with an aux cable and there was static sound. I did not think much of it, i thought that it might be a problem with the
-
JSF 1.2 and CSRF (Cross Site Request Forgery) protection
Hi All My webapp uses (among other technologies like JSP, Ajax, Dojo etc) JSF v1.2 on Webshere 7.0. I've been fixing security issues in the code recently - in particular Cross Site Request Forgery (CSRF) vulnerabilities. The suggested approach to com
-
Not able to create disaster recovery VMM -- ovm pool / repository ownership issue
I have installed VMM and VMS and create a server pool with 3.0.2 version. To test disaster recovery, I rebuild the VMM with the old UUID by runInstaller.sh --uuid 0004fb00000100002ae..... and restore the repository database. The new VMM (same IP as o
-
How to know the password of database schema...
Hi all, i forget the Password of a particular schema. i have the Password of SYS. Kindly tell me the table from where i can get to know the Password. Or Tell me How to delete the same particular schema from all the system table where is is mentioned.
-
Install of second HD pushing fan hard.
I have a G5 Dual 1.8, the one with 8GB RAM capicity not the 4GB one. Just got a Seagate 7200.10 500GB HD and installed it. As soon as the computer is turned on the power supply fan seems to be spinning at full throttle. It's the fan up top between th