Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Joomla! 1.5 JavaScript jQuery
  • Table Of Contents Toc
Joomla! 1.5 JavaScript jQuery

Joomla! 1.5 JavaScript jQuery

5 (1)
close
close
Joomla! 1.5 JavaScript jQuery

Joomla! 1.5 JavaScript jQuery

5 (1)

Overview of this book

Ever wondered how all the great-looking, feature packed, amazing Joomla! sites are made? Would you like to add image transitions, popups, scrolls, AJAX forms, image galleries, no-page reloads to your website, but are worried that they will be difficult to implement? To make any Joomla! site look more professional, interactive, and interesting you need the ease and power of jQuery.This book will help you to use the jQuery library with the Joomla! CMS. It will take you through adding jQuery functionality to the Joomla! CMS and show how to use it to make the modules and themes more dynamic, interactive, and responsive, and add effects to your Joomla! site.The book starts by showing a plain Joomla! site without any JavaScript enhancement or features, then accompanies you through the process of site enhancement.First you will learn how to make use of third-party extensions to include jQuery features into your site. These can be image galleries, jQuery powered menus, tooltips, and many, many more. Later on you will learn how to modify your template to add some features to your Joomla! site, You will also learn to build your own jQuery-powered Joomla! extensions, and how to pack them so that you can use them in any project you like. Further, you will learn to create your own modules and components.By the end of this book, you will have learned how to enhance any Joomla! site with JavaScript and jQuery.
Table of Contents (16 chapters)
close
close
Joomla! 1.5 JavaScript jQuery
Credits
About the Author
About the Reviewers
Preface
1
Index

Chapter 6. Getting Our Hands on Coding JavaScript

"Our first step on the ladder"

Yes! As promised in the previous chapters, this time we are going to get some coding done. This will be an interesting change as we will be able to see the results of our own coding. Of course, we are still going to use some libraries. But hey, we don't want to reinvent the wheel just because some of the effects we want to achieve are quite complex.

For now we are going to make all these modifications directly to the template. I think this is the easiest way to start. Later on we will make our own modules and components.

The points we are going to cover in this chapter are:

  • Adding a Parallax effect to our template

  • jQuery library jScrollPane

  • Adding useful tooltips

As always, we seek to make our site more interesting through all these effects and utilities. But this time there's something more—we are also seeking to have a good time modifying our template. Coding can be fun! Don't believe me? Let's start and you'll see...

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Joomla! 1.5 JavaScript jQuery
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon