Skip to main content
D
DBSilk
Known Participant
January 19, 2018
Answered

Replacement for Spry.Effect.DoGrow

  • January 19, 2018
  • 1 reply
  • 3371 views

I am updating our website dominiquebello.com to make it responsive, using bootstrap

The original uses Spry.Effect.DoGrow on a couple of the pages. What can I use to get the same effect in a bootstrap context, since Spry is no longer in use?

Thanks

Jerry

    This topic has been closed for replies.
    Correct answer BenPleysier

    I just tried real time preview of the code again, and this time I get the message (in either Safari or Firefox): "You tried to access an external HTML page, which can not be opened on the device for preview. Open the page in Dreamweaver to preview the page on the device."

    What can I do about that? (Of course I had started off in Dreamweaver)

    And how to I escape from this style--I seem to be locked into it?

    Thanks

    Jerry


    For some browsers, the link to the image must be within the same domain as the main document. The best way is to have the image located in the local images folder and to rename the link to <img src="images/IndexImage/1.jpg" alt="" class="zoom">

    1 reply

    BenPleysier
    Community Expert
    BenPleysierCommunity Expert
    Community Expert
    January 20, 2018

    Copy and paste the following into a new document and view in browser.

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <style>
    img.zoom {
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: #d9dfe5;
    -webkit-animation: zoomer 2s;
    animation: zoomer 2s;
    -webkit-transform: scale(0,0); 
    transform: scale(0,0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    }
    @-webkit-keyframes zoomer {
    100% {
    -webkit-transform: scale(1,1); 
    }
    }
    @keyframes zoomer {
    100% {
    transform: scale(1,1); 
    }
    }
    </style>
    </head>
    <body>
    <img src="http://dominiquebello.com/images/IndexImage/1.jpg" alt="" class="zoom">
    </body>
    </html>
    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    D
    DBSilkAuthor
    Known Participant
    January 20, 2018

    Thanks, Ben.

    That works--now to see how to embed it in the index page. I'll leave the discussion open in case I have difficulty doing that.

    Thanks again

    Jerry

    D
    DBSilkAuthor
    Known Participant
    January 20, 2018

    I just tried real time preview of the code again, and this time I get the message (in either Safari or Firefox): "You tried to access an external HTML page, which can not be opened on the device for preview. Open the page in Dreamweaver to preview the page on the device."

    What can I do about that? (Of course I had started off in Dreamweaver)

    And how to I escape from this style--I seem to be locked into it?

    Thanks

    Jerry

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices