Viewing JQUERY Slideshow

JQUERY Slideshow



User: Guest 10 years ago
Hi, can someone tell me how I can use the Jquery slide show effect? I thought If I made up a couple of slides with power point I could use the transition effect to display changing text? Any advice welcome. Thanks. :mrgreen:
Edit
User: Roddy 10 years ago
A simple jQuery banner which can contain text, images, text and image...

http://www.ezmacwebdesign.com/Demo/styled-banner/styled-banner.html

Modified for text only...

http://www.ezmacwebdesign.com/Demo/styled-banner/text-banner.html

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
Set As Best Answer
User: Guest 10 years ago
That's perfect how do I set it up, can you talk me through it? please :mrgreen:
Edit Set As Best Answer
User: Guest 10 years ago
I found this code online but cant get it to work.

I'm not a programmer. Any help would be very much appreciated.

.quotes {display: none;}?

first quote


second quote

?

(function() {

var quotes = $(".quotes");
var quoteIndex = -1;

function showNextQuote() {
++quoteIndex;
quotes.eq(quoteIndex % quotes.length)
.fadeIn(2000)
.delay(2000)
.fadeOut(2000, showNextQuote);
}

showNextQuote();

})();?
Edit Set As Best Answer
User: Roddy 10 years ago
Demo on this page below email...

http://roddymckay.com/EasyWeb/test/email.html

Copy this code and paste it into the page Head Code box...

[code][/code]

Copy this and paste it into an HTML Snippet...

[code]

Paste the CSS into the page header code box.


Paste the HTML into an HTML Snippet.


Paste the java script into the page footer code box.

[/code]

Finally, copy this code and paste it into the page Footer Code box...

[code]
[/code]

Publish the page to see the result.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
Set As Best Answer
User: Guest 10 years ago
Thank you so much Roddy....this is amazing...exactly the effect I wanted!!! :mrgreen:
Edit Set As Best Answer
User: Roddy 10 years ago
The font styles are in this line...

p.quotes {font: 16px 'Trebuchet MS', verdana, sans–serif; margin:0; padding: 0;}


You can change the font type and size. If you need to change the color, add a hex color number...

p.quotes {font: 16px 'Trebuchet MS', verdana, sans–serif; margin:0; padding: 0;color: #FF0000}


-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
Set As Best Answer
User: Guest 10 years ago
Hi Roddy,

I amended the code exactly as I wanted it and on my computer when I view the website it works, however, when I log on to the site using a different PC the font doesn't work. The formatting is lost? Can you tell me how I can fix this? Is there a way to load the relevant font with the website if it's not held on the PC that's being used to access it?
Edit Set As Best Answer
User: Roddy 10 years ago
What font are you using?

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
Set As Best Answer
User: Roddy 10 years ago
I've added a demo of an animated (expand on mouse over) list to this page...

[list:2mllwdnh]http://roddymckay.com/EasyWeb/test/email.html[/list:u:2mllwdnh]

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
Set As Best Answer


Post Reply
You must login or signup to post.