PDA

View Full Version : Website image slider problem


Sean
08-01-2012, 11:16 PM
Hello I apologise in advance if this is a newbe question, but I am a newb. Haha. Right sorry. I have been trying to create a home page for freelance cad drawing company. But for the last 4 days i have stuck on how to have a automatic rolling slideshow with some text wraped to the left. As the main body of the page. What is the best way to do this? I have looked at yoxview, trans slider and few others but to no avail. Please help if you can.
Thank you kindly

edbr
08-02-2012, 01:41 AM
jquery, you will find a lot of plugins to do what you want with a bit of yahoogling

Sean
08-02-2012, 06:46 AM
aw yes j query, i have tried that. what i mean is i have dwnloaded jquery but am unable to get it on my page. infact i have tried yoxview and trans slider, but can not get them on my page.
how do you implement jquery? i dwnloaded a .js file (Jquery-1.7.2.min.js) but what do i do with it?
i have messed about and put script in but nothing happens. i must be doing something wrong. because everything you read on the web about jquery is wicked.
i think i need a step by step instructions, i just dont seem to be getting the hang of it.:?:

Corrosive
08-02-2012, 08:40 AM
JQuery is a framework that you can then plug scripts into to make them run so you'd be looking at linking that in your page and then linking to the plug-in. If you search for plug-ins and download they usually come with a fairly comprehensive 'how to' or 'read me' guide and examples for you to follow (although some are better than others).

You are right though, JQuery is 'wicked' ;)

Sean
08-02-2012, 09:43 AM
hi there yes i have dwnloaded the latest jquery release but it came with nothing else, no readme or tutorials. like being thrown in the deepend hehe.
i will have another go at it later when i get home, not holding my breath.
i will post the results and some images of what i am trying to do, if that is allowed?

Corrosive
08-02-2012, 10:12 AM
That's what I was trying to say, JQuery is the framework and won't come with instructions. The plug-in you choose should do though. Try this for a selection of plug-in options; http://www.smashingapps.com/2012/05/22/37-fresh-jquery-image-content-sliders-and-slideshows.html and, yep, within reason, you can post code, links and images here. It helps us to help you :)

Sean
08-02-2012, 10:30 PM
Hello again i am just not getting this at all, i should stick to CAD drawings haha.
i have been trying to do this with yoxview, svbuilder, trans slide and a couple more. i just dont know whta i need to do for this to work. i may just be being a complete numpty and just not seeing it.
i have attached an image of what i have so far. you will see that i have a small piece of text and an image. well i am trying to put that image in with the text and still have the text centralised next to the image. harder than i thought this.
here is the code for that page so far:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="file:///C|/Users/currys/Downloads/Template-9-business-2c-rr-tn-im4/business-2c-rr-tn-im4/css/template-2c-rr-tn-im.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="file:///C|/Users/currys/Downloads/Template-9-business-2c-rr-tn-im4/business-2c-rr-tn-im4/css/horizontal-tabs-menu-im.css" />

<script type="text/javascript" src="file:///C|/Users/currys/Downloads/Template-9-business-2c-rr-tn-im4/business-2c-rr-tn-im4/Scripts/horizontal-menu.js"></script (http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js)>
<!-- TemplateBeginEditable name="doctitle" -->
<title>cadmando template</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<meta name="robots" content="index, follow" />
<meta name="robots" content="all" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta http-equiv="imagetoolbar" content="no" />
<style type="text/css">
<!--
.style2 {font-size: 14px}
.style5 {
font-size: 28px;
color: #000000;
}
-->
</style></head>
<body>
<div id="supercontainer">
<div id="topcontainer">
<div id="logo">
<p><a href="../CADMANDO.dwt"><img src="../images/LOGO%20CAD%20(3).png" alt="My company logo" width="900" height="190" border="0" align="middle" /></a></p>

</div>
<br class="clearfloat" />
</div>

<div id="topnavcontainer">
<div id="topnav"><!-- #BeginLibraryItem "/Library/nav.lbi" --><div id="ddcolortabs">
<ul>
<li style="margin-left: 1px"><a href="../Library/cadmando.dwt" title="Home Page" target="_self"><span>Home</span></a></li>
<li><a href="../Library/Services.dwt" title="Services
" target="_self"><span>Services</span></a></li>
<li><a href="../Library/index.html" title="Portfolio/Gallery" target="_self"><span>Portfolio/Gallery</span></a></li>
<li><a href="../Library/Contact%20Information.dwt" title="Contact infromation" target="_self"><span>Contact Information</span></a></li>
</ul>
</div>

<div id="ddcolortabsline"></div><!-- #EndLibraryItem --></div></div>
<div id="middle">
<!-- TemplateBeginEditable name="maintext" align="center"-->
<p align="center">
<div align="center"><span class="style5">Welcome to CADmando</span>
</h1>
</div>
<p align="center"><span class="style2">A FAST, Efficient &amp; Profesional Cad Drafting, Drawing Reproductions &amp; Design Service.</span></p>
<p align="center">I Have worked fulltime for one of the Major UK Refrigeration Manufacturing Companys, as a CAD Operator for the Last 4 Years.
As a CAD operator where most of my experience has been with Parts Explosions &amp; Bills of Materials.</p>
<p align="center">CADmando has been created because i am looking for CAD projects to do in the evenings &amp; weekends.</p>
<p align="center">I Have over 5 years experience with CAD drawing. From Bespoke Joinery/Cabinet Making Drawings to Parts Explosion &amp; Bills of materials.</p>
<!-- TemplateEndEditable --></div>
<div id="column">
<!-- TemplateBeginEditable name="column" --><a href="svimages.html"><img src="../images/3.2cc%20nova%20Glow%20Engine%20explode%20150x150.j pg" alt="" width="150" height="150" border="0" align="left" /></a><!-- TemplateEndEditable --></div>
<br class="clearfloat" />
<div id="footer"><!-- #BeginLibraryItem "/Library/footer.lbi" -->
<div align="center">Company name, address, address, address. | Company registration number |
<!--
* This notice and the link Template design by E-CRM to the ECRM website MUST stay intact for legal use
-->
<a href="" target="_blank">Template design by E-CRM</a><br />
<strong>Enquiries + 44 1 225 840 490</strong>&nbsp;&nbsp;<a href=""></a (o@e-crm.co.uk</a)>
</div>
<!-- #EndLibraryItem --></div>
</div>
</body>
</html

any help would great. thank you.

Sean
08-03-2012, 06:44 AM
Again sorry i forgot to mention.
i have taken all the scripts i had put in, out.
and that image is the one i want to slide from image to image.

Thanks again loads

Corrosive
08-03-2012, 07:29 AM
Hi Sean

How much have you read up on the basics of web design and code? I ask because it looks like you've downloaded a template and are trying to lay out your page in Design View of a program that was released 9 years ago! Rather than us guiding you through every issue you come across it might do you some good to step back from it a bit and read some stuff here; http://htmldog.com/ You may even decide to put your own layout together and then things will seem a lot clearer when it comes to the slightly more tricky stuff like implementing image sliders.

I'm sure you'd give the same advice to someone who wants to do a drawing in CAD ;)

Sean
08-03-2012, 09:44 AM
That is exactly what i have done, i wanted to get a website done as cheaply as possible. so i dwnloaded a template. was this not a good idea. i will have a look at this and get back.

Corrosive
08-03-2012, 12:52 PM
Thought you might have done. I don't mean to sound harsh but web design takes some time to learn to do properly and you can't really 'drag and drop' a website, it just doesn't work like that. All these 'website with no coding knowledge required' websites/template sites/programs etc. are incredibly misleading. If I said you could have a technical drawing with no basic knowledge/skills you'd soon put me right :)

Don't think we won't help you out cos we will, just get some basic skills under your belt and we can help out with specifics.