WebSite X5Help Center

 
Gilbert G.
Gilbert G.
User

Did somebody ever used "Simple 3D coverflow" in Website X5 ?  en

Autore: Gilbert G.
Visite 2708, Followers 1, Condiviso 0  

Hi, did you ever used the app "Simple 3D coverflow" in a Website X5 project ?

Can I use the plugin that is designed for Wordpress with Website X5 ?

Thanks in advance our help !

Gilbert

Postato il
49 RISPOSTE - 4 UTILI
Incomedia
Stefano G.
Incomedia

Hello Gilbert

By default, a plugin made for Wordpress won't be directly embeddable inside a WebSite X5 project. This would require technical knowledge of the code language the plugin is written in as to be able to correctly integrate it.

The Staff cannot, unfortunately, provide support for third-party code, so I would suggest contacting a professional for this type of integration should you believe it to be fundamental inside your website

Thank you

Stefano

Leggi di più
Postato il da Stefano G.
Gilbert G.
Gilbert G.
User
Autore

Hello KolAsim, is it possible to ask "3d coverflow" to get his thumbnails, video links and text résumé directly from a database that would be installed on my host company server ?

Thanks in advance for your help,

Gilbert‪ ‪

Leggi di più
Postato il da Gilbert G.
Gilbert G.
Gilbert G.
User
Autore

Hello Stefano, thank you for clarifying this matter.

Regards,

Gilbert

Leggi di più
Postato il da Gilbert G.
Axel  
Axel  
User

Tom. works on Firefox 47.0.2

Not on my Chrome  77.0.3865.90

Leggi di più
Postato il da Axel  
Axel  
Axel  
User

Hello,

I have integrated the code into X5... but not running

https://test.afsoftware.fr/

strange errors into inspect ... path to JS and CSS files seems correct

Leggi di più
Postato il da Axel  
Axel  
Axel  
User

I put the code into an HTML object on the page 

Leggi di più
Postato il da Axel  
Tom G.
Tom G.
User
Wsx5.afsoftware.fr  
Tom. works on Firefox 47.0.2 Not on my Chrome  77.0.3865.90

Works in IE11, too.

Leggi di più
Postato il da Tom G.
Tom G.
Tom G.
User
Wsx5.afsoftware.fr  
Hello, I have integrated the code into X5... but not running

Weird...I tried myself in several differet ways and cannot get it to work either... Only the drop down list of presets shows...

Leggi di più
Postato il da Tom G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Tom G.
... ...  Hey, KolAsim - I'm pretty sure that you can figure out why these (see the arrow below) don't work as in the original plugin? ... ... ... 

hello, as Wsx5.afsoftware.fr  said before, I also don't work with Vista + Chrome.49 (old), but it works with Vista + Firefox ...
Hello, ciao...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Gilbert G.
Hello KolAsim, is it possible to ask "3d coverflow" to get his thumbnails, video links and text résumé directly from a database that would be installed on my host company server ? Thanks in advance for your help, Gilbert‪ ‪

... I think that with IFRAME we can do a little of everything > easily ...

... Hello, ciao...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Axel  
Axel  
User

Hey KolAsim,

thanks for your example. Works perfectly in full HTML file

With WSX5, I have put your code into HTML object but nothing !

Always same error into inspect  with your code too

https://test.afsoftware.fr/

idea ?

Leggi di più
Postato il da Axel  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Wsx5.afsoftware.fr  
Hey KolAsim, thanks for your example. Works perfectly in full HTML file With WSX5, I have put your code into HTML object but nothing ! Always same error into inspect  with your code too https://test.afsoftware.fr/ idea ?

(It > En) ... apparently not compatible with the jQuery library used by the program...undecided...
...idea! ... you could use my twenty-year method, simply by IFRAME, with which you can easily import anything without conflicts with the program...wink...

... ciao ...

<iframe src="http://www.kolasim-zone.it/slideshowk/simple-3d-coverflow_k.html" width="100%" height="550" </iframe>

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Axel  
Axel  
User

Hey KolAsim,

your iframe solution to cal the html file is the best...wink

here integration is ok wink

https://test.afsoftware.fr/

Leggi di più
Postato il da Axel  
Tom G.
Tom G.
User
Wsx5.afsoftware.fr  
here integration is ok https://test.afsoftware.fr/

afsoftware, could you attach your project?

Leggi di più
Postato il da Tom G.
Axel  
Axel  
User

Hey Tom. all

here the project

Leggi di più
Postato il da Axel  
Tom G.
Tom G.
User

Thanks, Axel!

(Unfortunately, I cannot open it - ...because I have WSX5 17... foot-in-mouth)

Leggi di più
Postato il da Tom G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Tom G.
Thanks, Axel! (Unfortunately, I cannot open it - ...because I have WSX5 17... )

... it's simple, to try pasting the previous IFRAME code ...wink

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Axel  
Axel  
User

@Tom

Download / Install v2019 on your PC...
Not conflict with your v17...

both on same PC works fine.

Leggi di più
Postato il da Axel  
Tom G.
Tom G.
User
Wsx5.afsoftware.fr  
Download / Install v2019 on your PC... Not conflict with your v17...

v2019 would be $229  (-10%) - no good.

Downloaded 2019 evo demo - wrong version of iwzip. So - complete fiasco...

Maybe just tell what you put in HTML Object, where you put stuff from skin_classic_black.css and FWDSimple3DCoverflow.js. That should work.

Thanks in advance!

Leggi di più
Postato il da Tom G.
Axel  
Axel  
User

Hey Tom,

- I have uploaded the kolasim's source html page http://www.kolasim-zone.it/slideshowk/simple-3d-coverflow_k.html" and rename to kol.html locally

- In my directory project I have create a sub dir like afs-demo/3d-coverflow and I copied the 3 files (kol.html, fwdsimple3dcoverflow.js, skin_classic_black.css)

Into my HTML object I have following

and into advanced tab I have

That's all

You just need to chand contents into the kol.html file with yours.

https://wsx5.afsoftware.fr

Leggi di più
Postato il da Axel  
Tom G.
Tom G.
User

Thank you, AF! I followed your instructions and got it to work.laughing

I put images from the original and changed to 'category three'.

The only thing I would like to fix is the left and right margins. Shouldn't the width be 100%?

Leggi di più
Postato il da Tom G.
Axel  
Axel  
User

Hey Tom,

to enlarge ito the width screen, t's an option on X5 Pro.... !!!!

Maybe Kolasim can help you on this ? (in this cas you need to post your project to check your source code and to see where is the tip )

How have you changed for category 3 ? Please post your code... I have no investigate on this and interesting

thanks a lot

Leggi di più
Postato il da Axel  
Axel  
Axel  
User

option to enlarge is here

Leggi di più
Postato il da Axel  
Tom G.
Tom G.
User

Thanks, yes, that was it.

If you look into original code, you will see line

Underneath that, you will see added dimensions for each thumbnail. And that is the only change.

This is how it looks:

You can change the background color, for example - to white:

You do it changing following in .html file:

I also found all images the original is using. They are in "skin_black" folder under the "Thumbnails". (Attached)

PS.

I am retired guy that loves playing with code. I had fun figuring it all... wink

Leggi di più
Postato il da Tom G.
Tom G.
Tom G.
User

You can chose Presets by putting <select> section below <body>:

               

for example:

             

I really like it!

Leggi di più
Postato il da Tom G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

(It > En) ... certainly yes, as expected from the DEMO, ... but in the site it would not be well, in fact I had simplified it and eliminated ...
... you can select what you want, for example in my current example I have now modified,   it is set from the initial default position to the select(9) position;
  ... with Ctrl +U you can see in HEAD the script code I used ...ciao a tutti...wink...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Tom G.
Tom G.
User

Agree, KolAsim!

Again, thank you for your "iframe" suggestion! Your ideas are always great and very helpful!

Leggi di più
Postato il da Tom G.
Tom G.
Tom G.
User

One last thing, KolAsim:

Why there are no arrows as I show below?

             

No images, but clicking there works!

Leggi di più
Postato il da Tom G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... you have to remove this string that I had put for the tests:
img {width: 100%! important;}


img {width: 100%! important;}

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Axel  
Axel  
User

KolAsim, Tom,

Good job guys... tongue-out

I have removed this line:

<link rel="stylesheet" type="text/css" href="afs-demo/3D-coverflow/skin_classic_black.css">
<style>
iframe {width:105% !important; height:105% !important;top:0px !important;left:0px !important }
<!-- img {width:100% !important } -->
body {background-color:navy }

</style>

But arrows are not there ! but like said Tom, action works by clicking !

Leggi di più
Postato il da Axel  
Axel  
Axel  
User

Oups...it's works wink

just need to delete the line and not to comment 

Leggi di più
Postato il da Axel  
Axel  
Axel  
User

@Tom,

thanks for clarification... yes I saw the 3 categories into the source. Okundecided

I don't understood your explanation on this:yell

They are in "skin_black" folder under the "Thumbnails".

What do you mean ?

where are (hidden) these pictures / directory ?

Leggi di più
Postato il da Axel  
Axel  
Axel  
User

@KolAsim,

One thing not understood yell

When I click on locomotiva picture I get an animated picture 


Where is the coding of animated picture by clcking on previous ?

same question for all in fact, after clicking on first pisture there is other content... But the content is not defined into HTML !

I have ckecked HTML source but nothiing, no ?

Leggi di più
Postato il da Axel  
Tom G.
Tom G.
User
Wsx5.afsoftware.fr  
I don't understood your explanation on this: They are in "skin_black" folder under the "Thumbnails". What do you mean ? where are (hidden) these pictures / directory ?

The "Thumbnails" is the folder where I put thumbnails of my images. I also put there all small images, like right arrow, left arrow, play, pause, etc. (which originally are on the "mainFolderPath: http://www.webdesign-flash.ro/p/s3dcov/load" page). I wanted to have them locally, not on some server.

  

"skin_black" is the subfolder of "http://www.webdesign-flash.ro/p/s3dcov/load", where they store the small images I mentioned. Since my my mainFolderPath: is "Thumbnails" the small images must be in "skin_black" folder under "Thumbnails".

In File Explorer:

Leggi di più
Postato il da Tom G.
Axel  
Axel  
User

Thanks Tom... very clear .. undecided

Leggi di più
Postato il da Axel  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Wsx5.afsoftware.fr  
@KolAsim, One thing not understood When I click on locomotiva picture I get an animated picture  Where is the coding of animated picture by clcking on previous ? same question for all in fact, after clicking on first pisture there is other content... But the content is not defined into HTML ! I have ckecked HTML source but nothiing, no ?

(It > En) ... the Lightbox is an IFRAME smile and in my example I use the URL of these pages:
... > plane ... > locomotive ... > carousel...

ciao

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Axel  
Axel  
User

OK... saw... tongue-out

thks

Leggi di più
Postato il da Axel  
Tom G.
Tom G.
User

The whole thing works great on my PC, but for some reason doesn't work when I upload the WebSite to Internet...

Any ideas why? All files that are in "Preview" folder are on the server...

Leggi di più
Postato il da Tom G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... you should post the LINK of your example in order to verify ...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Tom G.
Tom G.
User

I imlemented the buttons that show/execute 9 presets - and it looks like below:

(Clicking on images on "carousel" is not implemented yet - just the presets.)

And here is the link.

Leggi di più
Postato il da Tom G.
Tom G.
Tom G.
User

Your page, KolAsim, is here.

Leggi di più
Postato il da Tom G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... you rightly used the name of the original JS file (which I couldn't use with my FTP), so the file is not recognized:
http://www.ownitconsignment.com/3Dcoverflow/JS_CSS/fwdsimple3dcoverflow.js   ...!...
... then correct here:
http://www.ownitconsignment.com/3Dcoverflow/JS_CSS/fwdsimple3dcoverflow.js
... so:
http://www.ownitconsignment.com/3Dcoverflow/JS_CSS/FWDSimple3DCoverflow.js

... OK >>  http://www.ownitconsignment.com/3Dcoverflow/JS_CSS/FWDSimple3DCoverflow.js

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Tom G.
Tom G.
User

Thank you!!! Changed all names to lower case and it workes now!

I think it's enough for Saturday. You deserved to rest now!wink

Leggi di più
Postato il da Tom G.
Tom G.
Tom G.
User

@AF: this is how the graphic part of the page works.

As I said, clicking on images on "carousel" is not implemented yet - just the presets.

Leggi di più
Postato il da Tom G.
Tom G.
Tom G.
User

Oh, yes... One of the nicest plugins (sorry it's not WSX5).

Thank you for the link!

Leggi di più
Postato il da Tom G.