Welcome to TalkGraphics.com
Page 3 of 4 FirstFirst 1234 LastLast
Results 21 to 30 of 34
  1. #21
    Join Date
    Apr 2004
    Location
    California, USA
    Posts
    222

    Default Re: Want to hover over an object and have the other objects dim

    Egg: Will you please post the Xara file for the "Example" in your post? The earlier one from Siran didn't work like this one.

    Appreciate it,
    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

  2. #22
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Want to hover over an object and have the other objects dim

    Not much point me uploading my xar Duane, it only contains Sirans code. However here's a video re how to use it as well as a link to a more complex button layout.

    IMPORTANT EDIT: I keep referring to JavaScript throughout but I should be referring to CSS. Senior moment. No JavaScript involved ASIF!

    2nd Example.

    Last edited by Egg Bramhill; 05 May 2018 at 04:07 AM.
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  3. #23
    Join Date
    Apr 2004
    Location
    California, USA
    Posts
    222

    Default Re: Want to hover over an object and have the other objects dim

    Egg: You completely lost me. I appreciate your going to the trouble of making a video on this, but I don't understand or know java script and I don't understand what you are trying to explain.
    So, thanks anyway... That just went way over my head.
    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

  4. #24
    Join Date
    Apr 2015
    Location
    Germany
    Posts
    927

    Default Re: Want to hover over an object and have the other objects dim

    Very nice examples Egg, and great video as always.

  5. #25
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Want to hover over an object and have the other objects dim

    Thanks Siran. Can't sleep tonight, not tired thus the JS/CSS cockup.
    Finally thought the background doesn't have to be a coloured semi transparent rectangle, it could equally be an image.

    Changed
    background:rgba(104, 142, 210, 0.85);
    To
    background-image: url("index_htm_files/background.jpg");
    Could you tell be how to apply a part transparency to the background.jpg if required please?

    EXAMPLE
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  6. #26
    Join Date
    Apr 2015
    Location
    Germany
    Posts
    927

    Default Re: Want to hover over an object and have the other objects dim

    Wow that looks great!
    Had the same idea too, but not looking as good as your example off course. And it was more meant to show that you don't need to have a solid background.
    Edit: Sorry, overlooked your question. Simply adding opacity:0.5; to the css should do that.
    Attached Files Attached Files

  7. #27
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Want to hover over an object and have the other objects dim

    Tried the opacity but I couldn't get it to work. But it can be done easy enough by creating a bitmap copy with required transparency, 50% here,
    and forcing it to png in xara. Course the image name needs to be changed to background.png

    EXAMPLE
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  8. #28
    Join Date
    Apr 2004
    Location
    California, USA
    Posts
    222

    Default Re: Want to hover over an object and have the other objects dim

    That looks good too, Egg
    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

  9. #29
    Join Date
    Apr 2004
    Location
    California, USA
    Posts
    222

    Default Re: Want to hover over an object and have the other objects dim

    Thanks, Siran, this one works with no dark rectangles or backgrounds like the first one you posted, all I needed was a good xar file to look at it in Xara so I could start to understand it. I've been experimenting with it this morning and I find, that like the other Xara widgets, unless it is in the currant arrangement it has the problem of cropping images. BUT I also found, with yours, it isn't difficult to resize the placeholders on the three different levels after loading an image into one of them and easily move them around, etc. and I also like how the unselected images can be dimmed or darkened, or colored, etc. I think this is going to work really well for me and it's an excellent design, thank you again!

    http://doanehoag.com/Forums/Xara/siran_dim/index.htm

    dim using siran.web
    Last edited by doane; 05 May 2018 at 07:51 PM.
    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

  10. #30
    Join Date
    Apr 2004
    Location
    California, USA
    Posts
    222

    Default Re: Want to hover over an object and have the other objects dim

    Spoke to soon... I thought it was all working nicely till I tried to resize the page to 960 and enlarged all the images for the page size. Now, when I preview it it cuts off half of the three images on the right side, though it still looks like the selection dimming is working. Now what?
    Attached Files Attached Files
    Last edited by doane; 05 May 2018 at 08:26 PM. Reason: add file
    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

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •