Gary, wow, how did you do that? I'm going to have to study this one, I had tried putting the three different variations of the three thumbs on layers above the mouse off button and I couldn't get it to work, a big thank you!
Gary, wow, how did you do that? I'm going to have to study this one, I had tried putting the three different variations of the three thumbs on layers above the mouse off button and I couldn't get it to work, a big thank you!
Gigabyte GA-Z68A-D3H-B3 LGA1155 Intel Z68 ATXMOB - Intel core I7-2600 3.4GH LGA 1155 - 16gb DDR3 SDRAM - Corsair CX750M PS - GeForce GTX650 2GB - SB X-Fi Extreme Music
Master C: Crucial 200GB SSD - Master D: 1.0 TB - E: 24x DVD/CD R/RW - F: Crucial 275GB SSD - Windows 7 Pro 64bit SP1
Siran: Thank you very much, but when I click on any of the boxes it dims the whole background which dims the other boxes, not just the other boxes. Take a look at Gary's demo.
Gigabyte GA-Z68A-D3H-B3 LGA1155 Intel Z68 ATXMOB - Intel core I7-2600 3.4GH LGA 1155 - 16gb DDR3 SDRAM - Corsair CX750M PS - GeForce GTX650 2GB - SB X-Fi Extreme Music
Master C: Crucial 200GB SSD - Master D: 1.0 TB - E: 24x DVD/CD R/RW - F: Crucial 275GB SSD - Windows 7 Pro 64bit SP1
Gary: I'm still trying to figure out how this is working.. when I tried the layers thing after trying my #6 post again, I had put two new layers above the mouse-over layer and put the box groups in each of these layers, which didn't work.. if I clicked on one box it made them all dim. Must be something to do with trying to use a transparent box for one of them.. I'm going to have to really study how you did this.
You have them in separate layers above the mouse-over layer and it seems to be working. I entered different links on the mouse-off boxes and when previewed that also works. Having an image also pop up is also a neat idea, I may also use that on the page.
Thanks so much,
Gigabyte GA-Z68A-D3H-B3 LGA1155 Intel Z68 ATXMOB - Intel core I7-2600 3.4GH LGA 1155 - 16gb DDR3 SDRAM - Corsair CX750M PS - GeForce GTX650 2GB - SB X-Fi Extreme Music
Master C: Crucial 200GB SSD - Master D: 1.0 TB - E: 24x DVD/CD R/RW - F: Crucial 275GB SSD - Windows 7 Pro 64bit SP1
The dimmed version of the thumbnails appears on the individual layers. If you isolate each layer (press the S icon next to the layer in the Page & Layer Gallery) you will see the two dimmed thumbnails. So the thumbnails are not really dimming, the images on the layers are creating the illusion that they have dimmed by covering the original images.
Does this make any sense?
Gary W. Priester
Mr. Moderator Emeritus Dude, Sir
gwpriester.com | eyetricks-3d-stereograms.com | eyeTricks on Facebook | eyeTricks on YouTube | eyeTricks on Instagram
Yeah, I get it now, brilliant, Gary, or maybe I'm just really a nube on all this, anyway, really appreciate your help and everyone else here. I have this habit of trying to do things differently and it always results in questions, so hope you don't mind, there will probably be more for all of you. ;-)
In general, Is the mouse-over layer any different than any other layer above the mouse-off layer.. does it have special properties?
Gigabyte GA-Z68A-D3H-B3 LGA1155 Intel Z68 ATXMOB - Intel core I7-2600 3.4GH LGA 1155 - 16gb DDR3 SDRAM - Corsair CX750M PS - GeForce GTX650 2GB - SB X-Fi Extreme Music
Master C: Crucial 200GB SSD - Master D: 1.0 TB - E: 24x DVD/CD R/RW - F: Crucial 275GB SSD - Windows 7 Pro 64bit SP1
Well you could start with dimmed thumbnails and place a bright thumbnail on the mouse over layer. I use this effect here and throughout the site http://placitasartists.com/gallery_04.html
MouseOver lets you have the effect and a link at the same time. So in my example the photo links to the artist's gallery.
Gary W. Priester
Mr. Moderator Emeritus Dude, Sir
gwpriester.com | eyetricks-3d-stereograms.com | eyeTricks on Facebook | eyeTricks on YouTube | eyeTricks on Instagram
Gary's solution is excellent but it does require largish gaps between the buttons otherwise the pop-up doesn't close.
The example Siran provided eliminates this problem. Buttons can be flush together and it only requires mouse-off & mouse-over layers.
Sirans example:Siran: Thank you very much, but when I click on any of the boxes it dims the whole background which dims the other boxes, not just the other boxes. Take a look at Gary's demo.
The top 4 buttons darken the whole page.
The bottom 4 buttons only darken the lower 4 buttons, not the page.
Here's an example using Sirans code. I believe it supplies exactly what you're after. (I've chosen to make the 'off' buttons paler, not darker)
EXAMPLE
Egg
Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host
Egg: Your attached example works and I like it, can you attach a Xara version of it so I can study it? When I previewed Siran's attachment in post #10 before it didn't do that, I had the problems I mentioned, top row dimmed the whole BG and bottom row dimmed a big rectangle around everything:
Here it is with no mouse over:
Last edited by doane; 04 May 2018 at 03:08 PM. Reason: add another image
Gigabyte GA-Z68A-D3H-B3 LGA1155 Intel Z68 ATXMOB - Intel core I7-2600 3.4GH LGA 1155 - 16gb DDR3 SDRAM - Corsair CX750M PS - GeForce GTX650 2GB - SB X-Fi Extreme Music
Master C: Crucial 200GB SSD - Master D: 1.0 TB - E: 24x DVD/CD R/RW - F: Crucial 275GB SSD - Windows 7 Pro 64bit SP1
Thanks, Gary, yes, I was aware of that way of doing it, just felt like doing it differently as I didn't want all the images dimmed or without color to start out, but that would be good for other situations, thanks, and nice site!
Gigabyte GA-Z68A-D3H-B3 LGA1155 Intel Z68 ATXMOB - Intel core I7-2600 3.4GH LGA 1155 - 16gb DDR3 SDRAM - Corsair CX750M PS - GeForce GTX650 2GB - SB X-Fi Extreme Music
Master C: Crucial 200GB SSD - Master D: 1.0 TB - E: 24x DVD/CD R/RW - F: Crucial 275GB SSD - Windows 7 Pro 64bit SP1
Glad we could help.
Gary W. Priester
Mr. Moderator Emeritus Dude, Sir
gwpriester.com | eyetricks-3d-stereograms.com | eyeTricks on Facebook | eyeTricks on YouTube | eyeTricks on Instagram
Bookmarks