Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,149,972 members, 7,806,827 topics. Date: Wednesday, 24 April 2024 at 02:40 AM

Php Photo Script - Webmasters - Nairaland

Nairaland Forum / Science/Technology / Webmasters / Php Photo Script (921 Views)

Next Home Work For Students: A Plain Php Photo Gallery - See Screenshot. (2) (3) (4)

(1) (Reply) (Go Down)

Php Photo Script by DrLorenz1(m): 1:23pm On Jun 22, 2010
Hi out there, i am doing a project on a small fashion website. Can anyone tell me how to make a picture bigger when moused over? Probably with a description. Thanks. I don't know if i explained well, but i guess you got the jist. Emmm it's kinda urgent,
Re: Php Photo Script by DualCore1: 11:24am On Jun 23, 2010
You can do this using overlays. The concept is, you mouseover an image and an overlay of that image with is description comes into light while other elements of the site are darkened.
Here's what I have written, I think it should help.

<html>
<head>
<!-- the style for the overlay -->
<style>
        #overlay{
            background:transparent url(overlay.png) repeat top left;
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
</style>

<!-- the javacript that contains actions for mouseover and mouseout actions. -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(
function(){
$('#overlay').hide();
$('#image').mouseover(function(){
$('#overlay').fadeIn();
                                 })

$('#large_image').mouseout(function(){
$('#overlay').fadeOut();

})
}
);

</script>
</head>


<body>
<div id="container">
<img src="sms.jpg" id="image" />
</div>
<div id="overlay">
<img src="sms_large.jpg" id="large_image" />
</div>
</body>
</html>

Please note I have written this for learning purpose, as it is now it is not standards complaint. I just have the basic stuff in place so it clear how things work


Download the files I have attached and put in the same folder with the above code, then run the code in your browser and see how it goes.

Re: Php Photo Script by Albato(m): 12:43pm On Jun 23, 2010
What CMS are you using. Are coding from scratch? You should give more infor.
Re: Php Photo Script by DualCore1: 1:01pm On Jun 23, 2010
My bad should have asked that before coming up with a one sided solution.
Re: Php Photo Script by DrLorenz1(m): 6:14pm On Jun 23, 2010
@Dual Core thanks for your reply. I'll try that one out, but i think i must have said i'm not a webmaster cheesy. Also, assuming that works, would it owrk for all the pictures i would be putting on the site?
@Albato by CMS, i guess you mean Content Management System? What i don't understand is if you mean the software i'm using to design the site or a web application. Please xplain. . .thanks. And oh. . .am not coding from scratch.
Re: Php Photo Script by IBEXY(m): 6:49pm On Jun 23, 2010
yes, CMS means content content mgt. sys. Joomla, Wordpress, Drupal?
Re: Php Photo Script by Nobody: 8:14pm On Jun 23, 2010
It's Javascript that does such in conjunction with CSS, although other ways may exist!, If you say if it's CMS or not u're using and Dual's help works, that's it, else, i can help with the codes!
Re: Php Photo Script by Albato(m): 8:20pm On Jun 23, 2010
Dr. Lorenz:
@Albato by CMS, i guess you mean Content Management System? What i don't understand is if you mean the software i'm using to design the site or a web application. Please xplain. . .thanks. And oh. . .am not coding from scratch.

Correct smiley
CMS = Content Management System. As said above, the popular ones are joomla, wordpress, drupal, typepad etc. They are already made systems that can help you launch a website within minutes without coding. They are all open source too. You can recode anything the way you want. They have very active communities of programmers around them. These geniuses keep on turning out modules or plugins or small applications you can attach to the core codes to achieve almost anything. Good news: You need not be a source code nutter these days to build a website.

If you are using Drupal, its your lucky day. I can help you FREE. Otherwise there are lots of modules/plugins that will help you achieve what you want easily. Check the website for the cms you are using. Also have a look at fotomumu. com. Its drupal and may be close to the kind of stuff you are talking about.

So what CMS are you using or are intending to use?
Re: Php Photo Script by Nobody: 8:23pm On Jun 23, 2010
@Albato, I like the way u analyzed CMS, I am impressed!
Re: Php Photo Script by DualCore1: 9:25pm On Jun 23, 2010
Dr. Lorenz:

@Dual Core thanks for your reply. I'll try that one out, but i think i must have said i'm not a webmaster cheesy. Also, assuming that works, would it owrk for all the pictures i would be putting on the site?
@Albato by CMS, i guess you mean Content Management System? What i don't understand is if you mean the software i'm using to design the site or a web application. Please xplain. . .thanks. And oh. . .am not coding from scratch.
Yea it will work with as many images as you want, just duplicate the concept and change IDs on each instance. Sorry I didnt see anywhere saying you were not a webmaster but hope it still helps somehow.

(1) (Reply)

Opera 11 - The Best Browser So Far! / Bassey And Company - 7 Lessons For Webmasters Who Want To Make Money / How Do I Advertise On My Blog

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 22
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.