Make tranisition in images fade instead of slide?

Also, the initial code works if it’s inputted there, as the >’s get stripped away.

I think the whole block simply gets ignored, not stripped.

If you do it in editor, in style.css, the >’s do not get stripped and it won’t work.

That’s what I don’t understand: they do work on darioalfonsi.com (at least, the slide is fading not sliding…).

@acub I followed your instructions and it only worked about 6 or 7 times. That is, the images (universityicons.com) no longer slide and now one image is simply switched to the next (but no fade in/out effect). But after about 6 or 7 switches, it just stopped switching and is stuck on one image.

Actually, the effect I’m interested in is for the images to fade in and out. Is there a way to do that? Thanks for your help!

p.s. I’m using the latest WP and Customizr versions.

The code I posted fades on my website and it does so from the child theme’s style.css. Check it out: (ccbra.ro). Yours, however, doesn’t. As far as I can see you have a few scripts going on that page, one of them disabling right click, right? My best guess is that one of them interferes with the slider. Try disabling them one by one. If rightclick is not disabled on your first page, some bad script is disabling it, as nothing happens when I do it. Tried 3 browsers so far.

There’s some bad mojo in the scripts of that website. Really bad.

I have no scripts at all (I’m not capable of writing them!).

My plugins might be doing something. I’m currently using:
Admin in English
BackupWordpress
FlexibleMap
Redirection
Search Regex
WordPress SEO

I can right-click fine and my fading is only from CSS.

@everyone else: does my slider work?

Your fading slider works fine on my screen, ElectricFeet, although I think arrows look a bit odd with fading transition.

@electricfeet: your slider works fine. 2 seconds transition. Very stylish. ??

Oh thank goodness for that.

@acub: I thought your comments about bad scripts were about my site! I now realise they were about Killasonna’s (?)

@acub I assume that scripts are the same as plugins and I do have a number of plugins. I will do as you suggest and deactivate them one at a time to see if I can determine which one is the cause and get my mojo back.

@electricfeet Your transition looks great. That’s what I’m after.

@acub I deactivated, individually, each plugin, tested, reactivated. No difference. i.e. photos switch but don’t fade. I’m stumped. Any other thoughts? Thanks.

It could simply be a timing issue.

You need a fade time of .7-3 seconds and a display slide time (in customiz’it!: Front Page) of 4000-8000 milliseconds. Play around with the times and see if it makes a difference.

FWIW mine are 7000ms in front page and 2s in the ease-in-out opacity of the fade. Works for me.

I have no idea, Killasonna. There’s a code snippet that works in all installations except yours. There’s clearly a conflict somewhere, but I have no idea where. From all info, I can only guess it has either a CSS or js nature. I wish I could help more, but I’m out of ideas.

Good luck debugging it.

@acub I appreciate your help. Unfortunately, I’m really new to WP and CSS, so debugging, if I try it, will be a challenge and, I’m sure, very amusing. Visual: A drunk blind man walking along cliffs.

@electricfeet I played around with the time and display slide time, but without success. I did see that the display slide time changed how often the image cycled, but fade time didn’t change the effect at all.

Fortunately, I like the slider (although I remain envious of the fade.)

@electricfeet By the way, for what it’s worth: I never succeeded in getting the code that you posted to work at all (sans the >). The slider just kept working. The code that @acub posted didn’t fade, but it cause the images to cycle.

Sorry to keep this string going but I’ve just noticed that while the fade effect is working very nicely, when the slideshow is now viewed on a smaller screen (like a mobile phone) the text and text area moves behind the image.

Is there a way to correct this?

The site I’m currently working and that I refer to can be found at https://m3australia.com/B-K at the moment

@rakoonie You upgraded to 3.0.9 already? Seems to be a small bug in 3.0.9. See https://www.ads-software.com/support/topic/slider-on-iphones for a discussion and possible workaround.