Welcome to TalkGraphics.com
Page 3 of 4 FirstFirst 1234 LastLast
Results 21 to 30 of 40
  1. #21
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    18,448

    Default Re: How to make a pop-up pop up

    Quote Originally Posted by Egg Bramhill View Post
    Great stuff Acon/Gary. How would you go about this zoom-in effect but maintain the same border demesions. i.e. instead of the complete image zooming-in and getting larger, the zoom-in does the same zoom but remains within the original photo h & W ?
    Egg, I think you are asking how to achieve the Simple Gallery zooming of the entire image effect.

    This is a separate, simpler CSS effect.

    Use the CSS script in the Website Head:
    <style>
    .scaled {
    transform: scale(1.0);
    border: 2px solid red;
    transition: 1.2s ease-in-out;
    }
    .scaled:hover {
    transform: scale(2.0);
    border: 4px solid blue;
    }
    </style>

    Add Name htmlclass="scaled" to any object, including text.
    I added 'border' just for the hell of it to show tweaks are not that scary.

    If you are asking about zoom and pan, that is more complex.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  2. #22
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    961

    Default Re: How to make a pop-up pop up

    Quote Originally Posted by flip View Post

    Longer term I don't want to have to update the index page picture/s as much as the catalogue
    pictures. Those I intend to remove when sold unless their removal (rather than marking as
    'sold') gives a wrong impression of the range of instruments we sell. I quite like the present
    catalogue layout but propose to make a new layout to be vertically scrolled for the narrow
    format catalogue page.
    Philip, understand where you're coming from now; the Gallery you created is not I assume a Xara widget, but a grid you created using a MouseOver animation (bulge maybe?). It is still relatively easy to transpose the desktop variant to one that works in a mobile format, particularly since your photos are in portrait format anyway.

    Click image for larger version. 

Name:	Screenshot_20220216-182112.jpg 
Views:	80 
Size:	115.4 KB 
ID:	131552

    One of the outcomes from playing around was the inner-zoom here: https://initiostar.co.uk/demo/inzoom-test/. Try it on your mobile? But the process of creating your mobile variant equivalent is exactly the same; take your current grid for example, Share with other Variants, and transpose the grid from (say) 5 columns to 2 columns. You can resize to fit and thereafter, when you change a photo it automatically changes in the other variants. (I think) you could do this with your grid without too much hassle.

    WRT the Navbar I think you need to add the index landing page, else there is no way back once you move from it (e.g. a Home link).

    Probably best to start a new thread now, since we have drifted from audio popups to photo grids.

    Good to see the site taking shape.

    Gary

  3. #23
    Join Date
    May 2015
    Location
    Manchester, UK
    Posts
    51

    Default Re: How to make a pop-up pop up

    May I revert to the audio insertions topic once more?

    I'm currently making the mobile version of my site. The Infostop layer wasn't created automatically so I copied it manually in its assigned position. It seems OK but now starts as soon as the page opens, not when the 'trigger' graphic is clicked.

    It's obviously something I've done since when I play the page within XWD with the main version that also starts as soon as the page opens.

    Other pages that I've not tampered with remain 'correct'.

    Can you tell me what I've done wrong please?

    Flip

  4. #24
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    18,448

    Default Re: How to make a pop-up pop up

    Quote Originally Posted by flip View Post
    May I revert to the audio insertions topic once more?

    I'm currently making the mobile version of my site. The Infostop layer wasn't created automatically so I copied it manually in its assigned position. It seems OK but now starts as soon as the page opens, not when the 'trigger' graphic is clicked.
    It's obviously something I've done since when I play the page within XWD with the main version that also starts as soon as the page opens.
    Other pages that I've not tampered with remain 'correct'.
    Can you tell me what I've done wrong please? Flip
    Flip, I simply created a Variant and all pages and layers copied over.

    You mention layer Infostop; it needs to be Info(lock), the (lock) part is important.

    I would delete and retry as fixing what you have will be awkward unless it is just the layer name.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  5. #25
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    22,090

    Default Re: How to make a pop-up pop up

    Thanks Acorn & Gary. Yes these work excellently. Thanks for your time.
    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

  6. #26
    Join Date
    May 2015
    Location
    Manchester, UK
    Posts
    51

    Default Re: How to make a pop-up pop up

    Hmm. Clearly I'm still doing something wrong. I deleted the mobile variant, created a new one and the mobile variant was indeed created with the various elements in various places, some in the new narrow page, others outside it..

    The loudspeaker, text group and the placeholder and the ellipse were outside the page area when I tested the single page. They didn't play either automatically or on the trigger.

    I dragged the speaker symbol and the text into the mobile page - same result.

    Finally I dragged the widget and the ellipse into the page - and when I tested the page, once again the sound started as soon as the page opened.

    It seems to me that I'm not being offered the option to play automatically or delay when the trigger is clicked but the action starts as soon as the page opens.

    I've corrected all my Info(lock) stupidity also.

    Thanks

    Flip

  7. #27
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    961

    Default Re: How to make a pop-up pop up

    Quote Originally Posted by flip View Post
    Hmm. Clearly I'm still doing something wrong. I deleted the mobile variant, created a new one and the mobile variant was indeed created with the various elements in various places, some in the new narrow page, others outside it..

    The loudspeaker, text group and the placeholder and the ellipse were outside the page area when I tested the single page. They didn't play either automatically or on the trigger.

    I dragged the speaker symbol and the text into the mobile page - same result.

    Finally I dragged the widget and the ellipse into the page - and when I tested the page, once again the sound started as soon as the page opened.

    It seems to me that I'm not being offered the option to play automatically or delay when the trigger is clicked but the action starts as soon as the page opens.

    I've corrected all my Info(lock) stupidity also.

    Thanks

    Flip
    Flip,

    I'll take a look later and get back to you - there is no reason it should not work, but I'll check later.

    Gary

  8. #28
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    961

    Default Re: How to make a pop-up pop up

    Flip,

    OK - tried and tested the approach here: https://initiostar.co.uk/demo/variant_popup_test/ Design test file: Variant_Popup.xar

    As before you will need to replace the audio widget with your own sounds - better if you try and test the function in a new document to satisfy yourself that it works before you implement it in your main site; a lot less hassle!

    All I did was to create the desktop, create a variant, drag and resize objects to a fit a mobile format. I created a normal text style for the variant and added a simple background rectangle on the popup, else likely the popup may not be that clear if it resides on top of other content.

    I would do the same with your gallery page too; test the desktop to mobile transition in a separate document; https://initiostar.co.uk/demo/simple_grid/ - this is I think the same format at your gallery page, using a grid of bulge animations.

    Gary

  9. #29
    Join Date
    May 2015
    Location
    Manchester, UK
    Posts
    51

    Default Re: How to make a pop-up pop up

    Gary

    Many thanks. I'll get to this first thing tomorrow and confirm that I can handle the tech.

    I did test the gallery format - that works fine.

    Very much obliged.

    Philip

  10. #30
    Join Date
    May 2015
    Location
    Manchester, UK
    Posts
    51

    Default Re: How to make a pop-up pop up

    Gary

    Thanks for your help.

    Unfortunately, I still have the same problem with your new file after I delete your sound file and import my sound file - the test in XWD plays immediately the page opens and neither the sound file nor the explanation text appears. I assume I should be 'importing' the sound file?

    Philip

 

 

Tags for this Thread

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
  •