a nice homepage....
rooz 1257086256|%e %b %Y, %H:%M %Z|agohover
Hi,
Is it possible to have something like http://www.wikidot.com/ has on the frontpage of your wikidot page? I mean the flash/picture
a nice homepage....
rooz 1257086256|%e %b %Y, %H:%M %Z|agohover
Re: a nice homepage....
RobElliott 1257087734|%e %b %Y, %H:%M %Z|agohover
Yes it is, it is done using something called CSS sprites. It's not flash, just a part of a larger image that is displayed as the mouse hovers over something. For more information have a look at http://css-tricks.com/css-sprites/
Re: a nice homepage....
rooz 1257088056|%e %b %Y, %H:%M %Z|agohover
thanks!
Re: a nice homepage....
RobElliott 1257088369|%e %b %Y, %H:%M %Z|agohover
You can create this effect by having a series of hover classes in your CSS, each with a different background image. Then add a button graphic on your page and set the class to one of the ones in your CSS.
Re: a nice homepage....
rooz 1257090268|%e %b %Y, %H:%M %Z|agohover
And something like this?
or
The pictures as sort of slideshow?
Re: a nice homepage....
rooz 1257097798|%e %b %Y, %H:%M %Z|agohover
Maybe something like this, but I have no idea how to implement such a thing… hints?
Re: a nice homepage....
leiger 1257148808|%e %b %Y, %H:%M %Z|agohover
Any chance of a how-to, skipping pretty much all of the explanation about what CSS Sprites are and just giving straight-forward instructions? :)
— Shane | Blog | CycloDS Revolution | Compatibility List | Want me to manage your next wiki? | XBL: leiger40
Re: a nice homepage....
RobElliott 1257156903|%e %b %Y, %H:%M %Z|agohover
Yes I'll do a how-to, although I won't be able to do it until later in the week or the weekend as I have a nightmare week ahead.
Re: a nice homepage....
rooz 1257160704|%e %b %Y, %H:%M %Z|agohover
here is a howto for a slider http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/
But how do I get this on wikidot website? I mean only the code is not enough right?
Re: a nice homepage....
leiger 1257163482|%e %b %Y, %H:%M %Z|agohover
Well… the HTML would go into a HTML code block, then be iframed, I suppose.
The CSS would be tacked-on to the end of the theme.
And the javascript… I have absolutely no idea at all! ;-)
— Shane | Blog | CycloDS Revolution | Compatibility List | Want me to manage your next wiki? | XBL: leiger40
Re: a nice homepage....
RobElliott 1257163796|%e %b %Y, %H:%M %Z|agohover
The javascript would go into the <head> section of the html. I will look at this over lunch in an hour or so.
Re: a nice homepage....
rooz 1257164102|%e %b %Y, %H:%M %Z|agohover
That would be great. It costs me a lot of time to find this all out myself… it's not that I don't want to invest time and effort, but I have more stuff to put time and effort in and then it's great if some expert can you help you out!
thanks in advance
Re: a nice homepage....
RobElliott 1257167256|%e %b %Y, %H:%M %Z|agohover
I've had one attempt at this but it's not working and I suspect the jquery plugin is not being called. Someone else might have more time to look at this. I'll have another look at it when I can but to be honest it would probably be easier for me to write a similar application in flex3 which produces an swf flash file which can be put into a page easily.
Re: a nice homepage....
rooz 1257171008|%e %b %Y, %H:%M %Z|agohover
Hmm maybe someone can finish it?
I wouldn't object though if you find a better method…
Re: a nice homepage....
RobElliott 1257176498|%e %b %Y, %H:%M %Z|agohover
It's not just a case of finishing it, I wish it was. It's quite complex stuff and needs some analysis to work out what isn't working, for example in the Jquery plugins - and whether they can work with Wikidot at all (Javascript does of course but Jquery plugins?) - and then what to do about it. It might take 10 minutes if I've made a typo or it could be several hours work with no guarantee of a successful outcome. That's why I thought I'd see if I can do a similar thing in Flex. I am just about to set out on a 4 hour drive but will be able to look at my own solution over dinner/wine/more wine at my hotel tonight.
Re: a nice homepage....
rooz 1257270762|%e %b %Y, %H:%M %Z|agohover
How was your wine? :)
Re: a nice homepage....
RobElliott 1257282156|%e %b %Y, %H:%M %Z|agohover
The wine is good. I'll have a flash alternative to the link you gave soon, but it might take a few days depending on how much time I can spend on it.
Re: a nice homepage....
rooz 1257329784|%e %b %Y, %H:%M %Z|agohover
You're talking about the slider? Would be great! I'll wait for that.
Thanks in advance,
R
Re: a nice homepage....
rooz 1257628815|%e %b %Y, %H:%M %Z|agohover
Made some progress already, or do you expect some progress in this weekend?
Regards
Re: a nice homepage....
RobElliott 1257684200|%e %b %Y, %H:%M %Z|agohover
Well it's being worked on but I whether the first version will get finished this evening is not definite.
Re: a nice homepage....
rooz 1257932657|%e %b %Y, %H:%M %Z|agohover
How are things going here?
Regards,
\rooz
Re: a nice homepage....
rooz 1258210989|%e %b %Y, %H:%M %Z|agohover
I hope you don't mind I ask now and then about the progress ;)
I like to estimate when I can use this feature on wikidot.
Regards
Re: a nice homepage....
rooz 1258374483|%e %b %Y, %H:%M %Z|agohover
Maybe I can add a photo gallery until the slides stuff is ready…
But i have problems with it… What do they mean by a gallery exactly and why is the LightBox not working?
http://openstudios.wikidot.com/home
Sorry, can not load files attached to the page in this mode. You should specify sources for each image.
[[/gallery]]
Re: a nice homepage....
Phil Chett 1258375495|%e %b %Y, %H:%M %Z|agohover
for the gallery and lightbox to work the pictures have to be stored on that page as a "file" upload.
Not elsewhere, as you have done.
Re: a nice homepage....
RobElliott 1258376058|%e %b %Y, %H:%M %Z|agohover
Sorry for the delay, the flash slides embed should be ready later in the week. I have some other projects that have to take priority at the moment.
Re: a nice homepage....
Derick O 1258377716|%e %b %Y, %H:%M %Z|agohover
Rooz here
@phil, thanks. Only have this [[/gallery]] visible on the site.. it shouldn't be there
@Rob, thanks, take your time
Re: a nice homepage....
RobElliott 1258378151|%e %b %Y, %H:%M %Z|agohover
Try removing the blank line before [[/gallery]]
Re: a nice homepage....
Derick O 1258379413|%e %b %Y, %H:%M %Z|agohover
then the pictures are not displayed right.
Re: a nice homepage....
Phil Chett 1258380996|%e %b %Y, %H:%M %Z|agohover
looks ok to me. best explain a bit more
Re: a nice homepage....
Ed Johnson 1258381509|%e %b %Y, %H:%M %Z|agohover
You're mixing up the syntax of the gallery module:
[[gallery size="thumbnail" order="name"]]
: [[image ardour2_3.png size="medium"]]
: [[image renoise.png size="medium"]]
: [[image linuxsampler.png size="medium"]]
: [[image desktop3.png size="medium"]]
: [[image oomidi2.png size="medium"]]
: [[image hydrogen_2.png size="medium"]]
[[/gallery]]
You don't need the [[image.. syntax inside the gallery module. Try this instead:
[[gallery size="thumbnail" order="name"]]
: ardour2_3.png
: renoise.png
: linuxsampler.png
: desktop3.png
: oomidi2.png
: hydrogen_2.png
[[/gallery]]
I'm not 100% sure, but the order of the list of images may override the order= setting. The main purpose of listing the individual images is to control which images get displayed and to control the order.
Further, if you're going to display all of the images attached to a page, you don't need to specify the images individually. This will find all of the images on your page and display them as a gallery:
[[gallery size="thumbnail" order="name"]]
-Ed
Re: a nice homepage....
RobElliott 1258382024|%e %b %Y, %H:%M %Z|agohover
I've just checked your page and you've got the syntax wrong, it should be:
[[gallery size="thumbnail" order="name"]]
: blackadder.jpg size="medium"
: george.jpg size="medium"
[[/gallery]]
Additionally, you had spelled thumbnail with 2 ls whereas it only has 1.
Edit: Ed got in there first (my system is so slow today). But the spelling mistake needs correcting.
Re: a nice homepage....
Derick O 1258385083|%e %b %Y, %H:%M %Z|agohover
I have now
Error fetching local image (: bardour size="small").Sorry, can not load files attached to this page in this mode. You should specify source page for each local image.
But the pictures are not displayed as medium when you click on them
Re: a nice homepage....
Ed Johnson 1258391629|%e %b %Y, %H:%M %Z|agohover
I think a bug has been uncovered thanks to your attempts to sort this out.
Using [[gallery]] by itself generates the preview of all images on the page using the default settings of size="thumbnail" viewer="yes" and order="name". The lightbox images are displayed using the "medium" image size .
If you use the format below (with or without the lightbox viewer enabled), then the image size is ignored or not parsed properly and the full sized, original image is displayed.
[[gallery]]
: test1.jpg size="medium"
: test2.jpg size="small"
[[/gallery]]
This is either a bug or an error in the Wikidot syntax documentation.
I created a test page here: http://myfamilyphotos.wikidot.com/sandbox:gallery-test so you can see it in action.
I never noticed this before since I have always used the gallery module to simply display all images uploaded to a page.
-Ed
Re: a nice homepage....
Derick O 1258396453|%e %b %Y, %H:%M %Z|agohover
I'm glad I could help a bit here :)
Re: a nice homepage....
Ed Johnson 1258396851|%e %b %Y, %H:%M %Z|agohover
hehe, you either helped or opened up another can of worms!
If you're going to stick with the format of listing individual images inside [[gallery]] ... [[/gallery]], you may want to resize them before uploading to a size that fits the screen better.
-Ed
Re: a nice homepage....
RobElliott 1258545658|%e %b %Y, %H:%M %Z|agohover
It would have taken quite a bit longer for me to complete the slideshow using flex, it was being "difficult". But have a look below and see if an alternative solution using javascript does what you want. The source code is on my page here. It's just using some of the images from your start page and links to pages on your site.
Re: a nice homepage....
Ed Johnson 1258554855|%e %b %Y, %H:%M %Z|agohover
This is awesome, Rob! With all due respect, Derick, this deserves way more than an "I'll look into this".
I, for one, can't wait to try it out!
-Ed
Re: a nice homepage....
Rp2 1258556300|%e %b %Y, %H:%M %Z|agohover
Ooo nice!! ill have to try this out sometime. maybe this should even be something that wikidot builds into there lightbox its so nice!
Re: a nice homepage....
Phil Chett 1258559390|%e %b %Y, %H:%M %Z|agohover
kin ell rob.
nice one!
Re: a nice homepage....
leiger 1258595766|%e %b %Y, %H:%M %Z|agohover
Wow. I'm saving this. First chance I get to test it, I'm going to see what this baby can do ;-)
— Shane | Blog | CycloDS Revolution | Compatibility List | Want me to manage your next wiki? | XBL: leiger40
Re: a nice homepage....
RobElliott 1258618922|%e %b %Y, %H:%M %Z|agohover
Thanks for the comments. The thing that makes it fiddly is having to put the image urls and links directly into the javascript code which is not ideal, but I'm not sure what to do to get over that.
Re: a nice homepage....
leiger 1258706701|%e %b %Y, %H:%M %Z|agohover
Would a CSI do the job?
— Shane | Blog | CycloDS Revolution | Compatibility List | Want me to manage your next wiki? | XBL: leiger40
Re: a nice homepage....
Derick O 1258546621|%e %b %Y, %H:%M %Z|agohover
Ok, thanks a lot. I'll look into this
Re: a nice homepage....
RobElliott 1259244161|%e %b %Y, %H:%M %Z|agohover
Ok, thanks a lot. I'll look into this
If it wasn't what you needed then I can live with that, but the lack of any response is a bit disappointing as you chased me for a solution.
Re: a nice homepage....
Derick O 1259244799|%e %b %Y, %H:%M %Z|agohover
I didn't say, thank you, I said 'thanks a lot'!
But yeah the dissapointed about the response is what I can understand. Sorry about that. I was a little sick and tired… So didn't have much energy to experiment with this and choosed for a simple photo gallery solution so far…
Is it also possible to have the slides with the photo's without the weblinks to them? And the size is not totally right I think. But it looks great, nice piece of work. This is a reason why I seriously think of a wikidot account upgrade…
Re: a nice homepage....
RobElliott 1259246622|%e %b %Y, %H:%M %Z|agohover
No probs. I was (and still am) sitting on a train from London to Inverness which takes 8 hours so I have started to go through the "outstanding actions" file and this popped up.
Yes, the photos don't need a link. I'll post how to do that shortly.
You don't need an upgrade to implement this, it will work quite happily with a free account.
