Eric's Jquery Cycle - Post ID 226578

User 219465 Photo


Registered User
324 posts

So, I changed some of the header info to match 450 wide pictures and now I have a full image, just lost my controls. I will reload the slider and image files that are related to flexslider, I cant think of naything else
User 12358 Photo


Registered User
55 posts

The div that holds the slider has the .pic class:
<div id="slideshow" class="pics flexslider">

Remove the .pics class, it may be conflicting with the flexslider.
That should bring up your controls, then style around that.
User 219465 Photo


Registered User
324 posts

That did something. I have not seen the dots below the pics, yet, but it is on the woothemes/flexslider site that way. I have control, jjust not the arrows yet. Im sure I will get there.

So, what is this tring of code saying:
<div id="slideshow" class="pics flexslider">

Is the "pics flexslider" pointing to a file? I seem to think not, as there is no .extension (.xxx)
User 219465 Photo


Registered User
324 posts

I was wrong, the arrow controls are there, just not visible. Prob need to re-load those two images.
User 12358 Photo


Registered User
55 posts

So, what is this tring of code saying:
<div id="slideshow" class="pics flexslider">


Both 'pics' and 'flexslider' are classes. The page looks for those class names and applies those classes to elements within the "slideshow" div accordingly. Does that make sense? More of a form of "mapping" for styles, for a lack of better term I guess.
User 12358 Photo


Registered User
55 posts

I'm putting a little visual together for you right now. Nothing big, but should give you a little better idea.
I'll attach it once complete.
User 12358 Photo


Registered User
55 posts

Hi Marc,

I've used your '.pic' class for the example in the PDF.
Attachments:
User 219465 Photo


Registered User
324 posts

Thank you very much for the info. I do understand what the size/dimensions are all about, and where they are called out. Not knowing the js/css code and such it can be hard to know what is not working correctly, or more important how to seek problems and to fix them. I try and see all this stuff sometimes as a spaghetti chart, they are all tied together somehow. I will be hitting the library Monday for the great Dummie books (css,js) until I am finished here so I dont have to drive you guys crazy anymore ;) I really do appreciate your help. And thanks for the pdf :D
User 12358 Photo


Registered User
55 posts

Nowadays there are some pretty good sites, with the fair share of bad, that provide great info to help peeps get started with this type of thing.
A decent starting place (IMHO, some may disagree) would be at the W3Schools site (not to be confused with W3C). Lots of good info/examples.

Other members may have suggestions too.

quick tips/recommendations...
    Try to use the "!important" in the styling only as needed.
    It's considered better form to use sparingly... basically, when there seems to be no other option to get the result you're looking for. ;)
    Try to use those browser debugging tools! Can make life easier once you've familiarized yourself.
    Try not to overload yourself with all the new info, or too much info... it can become overwhelming relatively quick.
    I'd recommending starting out with just digging into, and fixing, the issue that is at hand. This way, you'll be fixing an issue as well as inadvertently gaining new skills. Then, before you know it, you'll be a CSS/JS pro... without burn-out (as qiuck! :)) . This can be with CSS, HTML5, PHP, JavaScript or whatever suits the need.

Hope these help, good luck!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.