Skip to main content
D
DreamChaser
Participant
June 26, 2019
Question

Dreamweaver CC 2019 TEXT ANIMATION

  • June 26, 2019
  • 5 replies
  • 2448 views

The following website has animated text in yellow (below the main background picture) that I am trying to find the java script to purchase. Is anyone aware of any Dreamweaver add-in/plug-in/extension that is available to do something similar? If not, is there another product to purchase and use code that I can cut and paste into my pages to achieve this effect???

Galster Group – Sacramento Real Estate

Thank for any help!

This topic has been closed for replies.

5 replies

pziecina
pziecina
Legend
June 27, 2019

I could say why use js, when one can use css -

https://codepen.io/lewismcarey/pen/GJZVoG

O
osgood_
Legend
June 27, 2019

pziecina  wrote

I could say why use js, when one can use css -

https://codepen.io/lewismcarey/pen/GJZVoG

Because its not a ticker its a 'typwriter' effect and css alone most probably can't do that

pziecina
pziecina
Legend
June 27, 2019

osgood_  wrote

Because its not a ticker its a 'typwriter' effect and css alone most probably can't do that

So what's the difference, ticker or typewriter, one would simply replace the previous text with the new text. Or am I not understanding?

BenPleysier
Community Expert
BenPleysierCommunity Expert
Community Expert
June 26, 2019

Have a look at https://www.dmxzone.com/go/33385/app-connect-typed

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
O
osgood_
Legend
June 27, 2019

BenPleysier  wrote

Have a look at https://www.dmxzone.com/go/33385/app-connect-typed

Why buy something for £64 pounds when its a freely available script - DMX use the same FREE script as the one linked in the first post but charges for it because its wrapped up in some poxy extension, when all you need to do is copy and paste a few lines of code into your page.

On this ocassion I've marked my own post as 'helpful' because no-one else is going to inform you of the truth in this forum. Most, including a substantial number of so called 'ACP's dont know how to code their way out of a paper bag.

BenPleysier
Community Expert
BenPleysierCommunity Expert
Community Expert
June 27, 2019
Why buy something for £64 pounds when its a freely available script - DMX use the same FREE script as the one linked in the first post but charges for it because its wrapped up in some poxy extension, when all you need to do is copy and paste a few lines of code into your page.

Something that a rational person would do, outsource the mundane work.

On this ocassion I've marked my own post as 'helpful' because no-one else is going to inform you of the truth in this forum. Most, including a substantial number of so called 'ACP's dont know how to code their way out of a paper bag.

On behalf of all ACP's, thank you for your complement. Perhaps we should copy and paste more and pretend there is no paper bag.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
anissa_thompson
Community Expert
anissa_thompsonCommunity Expert
Community Expert
June 26, 2019

That site is using a plugin from a Wordpress site builder tool called Elementor, using its Animated Headline [Pro] widget:

https://elementor.com/blog/introducing-animated-headline/

https://youtu.be/0C0Q53vGEKc

Hope this helps.

Hope this helps! Make sure to press "✔ Correct Answer" on this post if this answers your question. Happy Creating!Anissa • @anissat
Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
June 26, 2019

Project Seven makes a variety of extensions for Dreamweaver.  Have a look at Panache.

Panache Animator for Dreamweaver

Scroll down to the Typewriter example.

Panache Examples

Nancy O'Shea— Product User & Community Expert
O
osgood_
Legend
June 26, 2019

That's probably a freely available script:

https://mattboldt.com/typed.js/

https://mattboldt.com/demos/typed-js/

https://codepen.io/merb/pen/yOwJjj

Below is a simple working page example. Copy paste into new file, save and load in browser, change the strings: [ ] array to the phrases required.

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Typewriter Effect</title>

<style>

.typewriter {

position: relative;

display: inline;

color: blue;

}

</style>

</head>

<body>

<h1>Real Estate <span class="typewriter"></span>For All Areas</h1>

<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></script>

<script>

var typed = new Typed(".typewriter", {

strings: ["Market Reports", "Email Updates", "MLS Search", "Open Houses"],

smartBackspace: true,

typeSpeed: 50,

backSpeed: 50,

loop: true

});

</script>

</body>

</html>

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