Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: Just an image amination and not text

Just an image amination and not text 4 years 2 months ago #1164

  • RACMitch
  • RACMitch's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: -4
hi,
Just curious, I'm using Joomla 3.8.6 and I want to animate an image inside of a custom_html module. The mod will have an image on the top half and text on the bottom half. I would really like to just have the image animated and not the text. How can I separate the 2 to make one animate and the other stay static?
The administrator has disabled public write access.

Just an image amination and not text 4 years 2 months ago #1165

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
Dear RACMitch,

Thanks for using the Animate It!

Regarding your question, yes you can wrap the image around a sid and add the Animate It! classes to it.
That will only animate the image, or whatever is inside that DIV.

e.g.
<div class="animated spinner delay2">
	<img src="Image Path Here">
</div>
<p>The text below the image goes here</p>

This will make only the image spin.

You can get the classes using the Class Generator here:
www.downloads.eleopard.in/class-generator

Let me know if this works for you.
The administrator has disabled public write access.

Just an image amination and not text 4 years 2 months ago #1166

  • RACMitch
  • RACMitch's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: -4
thank you, that does work, however the plug in will not work for me in this project. It is kinda wonky with it's center axis, example, I have 3 modules across the page each one set to rotate on hover, they are circles with a number in the middle, the image size is a 1:1 ratio of 100px but they do not rotate on the center axis of the image, they are rotating with some offset axis which does not allow them to rotate in place, they rotate off the page. It could very well be the template or that I'm using gantry 5 I don't know, but this isn't the result I need, but thank you for your help.
The administrator has disabled public write access.

Just an image amination and not text 4 years 2 months ago #1167

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
Dear RACMitch,

I believe this can easily be fixed by adding some custom CSS.
Can you send me a link to the page where you have this issue?
The administrator has disabled public write access.

Just an image amination and not text 4 years 2 months ago #1169

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
Got the link.
Will let you know as soon as I have something.
The administrator has disabled public write access.

Just an image amination and not text 4 years 2 months ago #1170

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
Dear RACMitch,

Please do the Following:

1. Go to Extensions -> Plugin Manager -> System - Animate IT! > Custom CSS Box.
2. Paste the following CSS and Save.
#custom-6604-particle .eds-on-hover, #custom-6020-particle .eds-on-hover, #custom-8555-particle .eds-on-hover{
	max-width: 100px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

Please note that since I did not wanted to disturb and other elements, I have targeted specifically the 3 images modules.
Please me know if this works for you.
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Time to create page: 0.154 seconds

Need Customization? Feel free to...

Contact Us

If you like these extensions, help us buy Yoga Mats :)