Varal Image Switcher Help Please.
Page 1 of 1 • Share •
Varal Image Switcher Help Please.
Hey I want to make this http://www.varal.org/media/imageswitcher/ in a seperate custom made html page on my forum whenever I filled in -
<div class="imgsw">
<img src="img1.png" />
<img src="img2.png" />
<img src="img3.png" />
<img src="img4.png" />
</div>
It just comes up with the images on a white page (not on my forum & not on a image switcher.)
Please help
My forum - http://www.babcity.forumotion.com
<div class="imgsw">
<img src="img1.png" />
<img src="img2.png" />
<img src="img3.png" />
<img src="img4.png" />
</div>
It just comes up with the images on a white page (not on my forum & not on a image switcher.)
Please help
My forum - http://www.babcity.forumotion.com
ppgohome- Forumember
- Posts : 79
Reputation : 0
Language : English
Re: Varal Image Switcher Help Please.
Hi,
Can I see what you did?
I tried it last night, works normaly, all you need to do is place it on a HTML page.
Example:
http:xxxxxxxxxxxx
Can I see what you did?
I tried it last night, works normaly, all you need to do is place it on a HTML page.
Example:
http:xxxxxxxxxxxx
Last edited by Nera. on August 21st 2011, 10:22 am; edited 1 time in total
Re: Varal Image Switcher Help Please.
I have it comes up weird and theres no scroller :L coukd you possibly make a demo code? to show me
ppgohome- Forumember
- Posts : 79
Reputation : 0
Language : English
Re: Varal Image Switcher Help Please.
- Code:
<html>
<head>
...
<!-- below is the configuration file (not required) -->
<script type="text/javascript" language="javascript" src="http://www.varal.org/media/imageswitcher/imageswitcherconf.js"></script>
<!-- below is the main file (required) -->
<script type="text/javascript" language="javascript" src="http://www.varal.org/media/imageswitcher/imageswitcher.js"></script>
...
</head>
<body>
...<div class="imgsw">
<img src="http://i45.servimg.com/u/f45/15/95/60/34/tumblr10.png" />
<img src="http://r29.imgfast.net/users/3412/19/22/63/avatars/5770-61.jpg" />
<img src="img3.png" />
<img src="img4.png" />
</div>
...
</body>
</html>
Re: Varal Image Switcher Help Please.
That didnt work when I did it
how can I make it center screen?

ppgohome- Forumember
- Posts : 79
Reputation : 0
Language : English
Re: Varal Image Switcher Help Please.
You did not link the JS probably
I can't tell you if I don't see it.

I can't tell you if I don't see it.
Re: Varal Image Switcher Help Please.
i dont see it in the nav bar 

ppgohome- Forumember
- Posts : 79
Reputation : 0
Language : English
Re: Varal Image Switcher Help Please.
What navbar?
This = http:xxxxxxxxxxxxxxxx
This = http:xxxxxxxxxxxxxxxx
- Code:
<html>
<head>
...
<!-- below is the configuration file (not required) -->
<script type="text/javascript" language="javascript" src="http://www.varal.org/media/imageswitcher/imageswitcherconf.js"></script>
<!-- below is the main file (required) -->
<script type="text/javascript" language="javascript" src="http://www.varal.org/media/imageswitcher/imageswitcher.js"></script>
...
<style>
.imgsw_list_numbers a,
.imgsw_list_titles a,
.imgsw_list_filenames a,
.imgsw_list_thumbnails a,
.imgsw_prevnext a
{
padding: 0 0.5em;
text-decoration: none;
color: #ccc;
border: 1px solid #202930;
}
.imgsw_viewport a,
.imgsw_viewport a.active:hover,
.imgsw_viewport a:hover
{
border: none;
}
.imgsw_list_numbers a.active,
.imgsw_list_titles a.active,
.imgsw_list_filenames a.active,
.imgsw_list_thumbnails a.active
{
color: #fff;
background-color: #3a444d;
border: 1px solid #3a444d;
}
.imgsw_list_numbers a.active:hover,
.imgsw_list_thumbnails a.active:hover,
.imgsw_list_titles a.active:hover,
.imgsw_list_filenames a.active:hover
{
background-color: #666e74;
border: 1px solid #666e74;
}
.imgsw_list_numbers a:hover,
.imgsw_list_thumbnails a:hover,
.imgsw_list_titles a:hover,
.imgsw_list_filenames a:hover,
.imgsw_prevnext a:hover
{
color: #fff;
border: 1px solid #3a444d;
}
.imgsw_list_thumbnails a
{
padding: 5px;
display: inline;
float: left;
}
.imgsw_list_titles a,
.imgsw_list_filenames a
{
display: block;
padding: 0;
margin: 0;
width: 300px;
}
.imgsw_list_numbers,
.imgsw_list_titles,
.imgsw_list_filenames,
.imgsw_list_thumbnails,
.imgsw_prevnext
{
display: inline;
padding: 0;
margin: 0;
}
.imgsw_list_thumbnails img
{
border: none;
display: block;
}
.imgsw_image
{
border: none;
margin: 0;
}
.imgsw_viewport
{
clear: both;
padding-top: .5ex;
}
.imgsw_title
{
font-size: 2em;
padding: 0;
margin: 1em 0 0 0;
color: #fff;
}
.imgsw_toplevel
{
padding: 1em 0;
position: relative;
font-family: Trebuchet MS, sans-serif;
}
</style>
</head>
<body>
...<div class="imgsw" align="center">
<img src="http://i45.servimg.com/u/f45/15/95/60/34/tumblr10.png" />
<img src="http://r29.imgfast.net/users/3412/19/22/63/avatars/5770-61.jpg" />
<img src="img3.png" />
<img src="img4.png" />
</div>
...
</body>
</html>
Last edited by Nera. on August 21st 2011, 10:54 am; edited 1 time in total
ppgohome- Forumember
- Posts : 79
Reputation : 0
Language : English
Re: Varal Image Switcher Help Please.
how do I get it like this? http://www.bearvilleworld.com/h13-bearville-world-being-safe-online-guide
ppgohome- Forumember
- Posts : 79
Reputation : 0
Language : English
Re: Varal Image Switcher Help Please.
I don't see anything there. I gave you the code with it aligned, is that what you wanted? Check the page link I gave you.
You need to link in in your navbar if you submited it in order to see it there.
AP > Display > Headers and navi > Add a customized menu.
Edit: do now, but you just want it as your landing page?
Mark:
> Use your forum header and footer when creating the page.
You need to link in in your navbar if you submited it in order to see it there.
AP > Display > Headers and navi > Add a customized menu.
Edit: do now, but you just want it as your landing page?
Mark:
> Use your forum header and footer when creating the page.
Re: Varal Image Switcher Help Please.
You are loosing me a bit. Please explain what do you want with it.
Make it as your landing page?
> Use forum header and footer
> Make it your homepage
See > http:xxxxxxxxxxxx
That?
Show me the links to it and your forum link too.
Edit: I see it, don't you?
What has not come up?
Make it as your landing page?
> Use forum header and footer
> Make it your homepage
See > http:xxxxxxxxxxxx
That?
Show me the links to it and your forum link too.
Edit: I see it, don't you?
What has not come up?
Last edited by Nera. on August 21st 2011, 10:57 am; edited 1 time in total
Re: Varal Image Switcher Help Please.
Thats what I want it to look like but it looks like this -
http://babcity.forumotion.co.uk/h1-online-safety
My forum -
http://babcity.forumotion.co.uk
http://babcity.forumotion.co.uk/h1-online-safety
My forum -
http://babcity.forumotion.co.uk
ppgohome- Forumember
- Posts : 79
Reputation : 0
Language : English
Re: Varal Image Switcher Help Please.
This is all you have to do for it http://i.imm.io/8iD4.png
Edit: Or you meant the aligment?
Use the last code I gave you.
Edit: Or you meant the aligment?
Use the last code I gave you.
Re: Varal Image Switcher Help Please.
Hasen't worked
Can you do it for me? I trust you with my password.

ppgohome- Forumember
- Posts : 79
Reputation : 0
Language : English
ppgohome- Forumember
- Posts : 79
Reputation : 0
Language : English
Re: Varal Image Switcher Help Please.
What do I need to do, align it and make it homepage?
If so, make a test admin account and send it to my PM.
Don't send me yours, I will not connect to it.
If so, make a test admin account and send it to my PM.
Don't send me yours, I will not connect to it.
Last edited by Nera. on August 21st 2011, 11:04 am; edited 1 time in total
Re: Varal Image Switcher Help Please.
Yes please 

ppgohome- Forumember
- Posts : 79
Reputation : 0
Language : English
Re: Varal Image Switcher Help Please.
Make a test admin account and send it to my PM.
Don't send me yours, I will not connect to it.
Don't send me yours, I will not connect to it.
Re: Varal Image Switcher Help Please.
Done, I want the images on here http://www.bearvilleworld.com/h13-bearville-world-being-safe-online-guide
ppgohome- Forumember
- Posts : 79
Reputation : 0
Language : English
Re: Varal Image Switcher Help Please.
I don't want it as homepage, I want it on the navigation bar , sorry
ppgohome- Forumember
- Posts : 79
Reputation : 0
Language : English
Re: Varal Image Switcher Help Please.
I want it before logout and I would like it tot be 'Online Safety' 

ppgohome- Forumember
- Posts : 79
Reputation : 0
Language : English
Re: Varal Image Switcher Help Please.
Thanks Nera so much!!! 

ppgohome- Forumember
- Posts : 79
Reputation : 0
Language : English
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum