swinger | Think Keynote

I'm working on a portfolio website that is a full browser sized container which swaps images when moving the cursor from left to right.

the header and captions are involved in the jquery script in order to change their color according to the image that is shown.

this seems to work great but the only downside is that the header & caption are not visible until the cursor is moved across the browser when you just loaded the site.

Is there a way to make the text appear upon site load? like triggering a mouseover event when it loads so the text is already there? or maybe some less complicated fix... In any case thanks so much for the help!

I'm working on a portfolio site that is a full browser size container where the image is swapped when moving the cursor from left to right. I achieved this with a jquery script called swinger.js. I had some trouble adding captions to this but with some help from here last night I got it to work using the alt attribute. The problem is now that I want to have some of the captions in white and others in black (depending on the image behind it) and I would like the same to happen to the site title. I added a class inside the img src tag that specifies which should be which. class=“swinger_img_white” for a white caption, class=“swinger_img_black” when it needs to be black But I can't get it to work.

My coding experience goes be a week or two, I got this far by luck, help and dedication to trying code from other websites. Any help would be much appreciated!

*note: with caption I just mean some text that goes with the image (explaining it) by whatever way is possible. Does not have to be built like captions as used in webdesign, just has to work.

Here is what I have right now in a simplified version:

For the past week I have been trying to create a website which is 100vh & vw where the images swap when you move the cursor from left to right.

I have almost no prior coding skills but I managed to get it working using a script called swinger.js So far so good. But now I want to add an image caption in the header that shows the right caption with the right image. But I can't seem to figure out how to do this...

Any help would be appreciated! Thanks,

Here is the code so far

I have read in a list of lines int R and need to take the line with the name on it and append it to the line below it so it reads as one row.

The current output is: