They are, on mouseover.
Ok. I'm using a mobile device.
'title' => 'Giphy Embed Settings',
Code: Select all
<option value="g" <!-- IF GE_RATING eq 'g' -->selected="selected"<!-- ENDIF -->>(G) Kid Safe</option>
<option value="pg" <!-- IF GE_RATING eq 'pg' -->selected="selected"<!-- ENDIF -->>(PG) May contain mild profanity</option>
<option value="pg-13" <!-- IF GE_RATING eq 'pg-13' -->selected="selected"<!-- ENDIF -->>(PG-13) May contain moderate profanity</option>
<option value="r" <!-- IF GE_RATING eq 'r' -->selected="selected"<!-- ENDIF -->>(R) Includes adult themed images</option>
Code: Select all
<p>Extension designed and created by Splicker © 2021 - <br />For support or custom modifications please visit the website at <a href="https://www.splickersnap.com" target="_blank">SplickerSnap.com</a></p>
<br />
should be changed to <br>
'MORE' => 'More',
in the language file, that's missing Open:wads24 wrote: ↑Thu Apr 22, 2021 8:52 pmOk. I'm using a mobile device.
Would I just remove the hover in css to animate all?
/ext/splicker/giphyembed/styles/all/template/event/overall_footer_after.html
Code: Select all
output += '<img class="giphyimg<!-- IF GE_SCROLL --> giphyheight<!-- ENDIF -->" src="'+gifObject.images.fixed_height_still.url+'" loading="lazy" data-animate="'+gifObject.images.fixed_height.url+'" data-still="'+gifObject.images.fixed_height_still.url+'" data-state="still"/>';
Code: Select all
output += '<img class="giphyimg<!-- IF GE_SCROLL --> giphyheight<!-- ENDIF -->" src="'+gifObject.images.fixed_height_downsampled.url+'" loading="lazy" data-animate="'+gifObject.images.fixed_height.url+'" data-still="'+gifObject.images.fixed_height_downsampled.url+'" data-state="still"/>';
I just thought that by having the images load as static images helps them to load faster and not bog down your resources and waiting times so much. They do animate on mouseover so you can see then in action before choosing which ones to use. Gifs are also fully animated once added to your posts, they're only static when searching.
That's the correct behaviour, as it should be.splicker wrote: ↑Fri Apr 23, 2021 10:36 am I just thought that by having the images load as static images helps them to load faster and not bog down your resources and waiting times so much. They do animate on mouseover so you can see then in action before choosing which ones to use. Gifs are also fully animated once added to your posts, they're only static when searching.
Code: Select all
input.addEventListener('keydown', function (e) {
if (e.keyCode == '13')
{
e.preventDefault();
}
...
}
Funny cats
from value
and instead I used placeholder
.My JS skills aren't brilliant either but I've added this functionality and also updated the language files. Updated the download link. Let me know if you have any issues.andreask wrote: ↑Sat May 01, 2021 7:12 pm Hi,
I was trying to make an ext and then some good Samaritan point me your creation.
Unfortunately my js skills is very limited so I had stuck several times on several problems.
Anyways, perhaps it would be a good idea to capture "enter".
As I said i suck on js but this is how I did it.
Can't say if this is the proper way.Code: Select all
input.addEventListener('keydown', function (e) { if (e.keyCode == '13') { e.preventDefault(); } ... }
Right now on your ext if I press enter it submits the form. Perhaps instead it could run the search script?
In any case I looked your js and it's magnificent. I don't know why I came up with such complicated script.
Actually I know, lack of experience. I wish I had a mentor!
Good work!
Thanks for the ext!
p.s. I also removed theFunny cats
fromvalue
and instead I usedplaceholder
.
If you implement the s9e AutoImage plugin there is no need to use that BBCode at all.
$(".gifpanel").on("click", ".giphyimg", function(){ insert_text('[img]' + $(this).attr("src") + '[/img]');});
$(".gifpanel").on("click", ".giphyimg", function(){ insert_text($(this).attr("src"));});