Ocena wątku:
  • 2 głosów - średnia: 4
  • 1
  • 2
  • 3
  • 4
  • 5
Jak zrobć POP-UP w html/php i proste pytanko html?
#1
Witam!
Od razu mówię, że szukam i szukam...
Chodzi o to, że potrzebuję, aby na mojej stronie pojawiło się coś podobnego jak tutaj:
Kod:
www.zameklubliniec.pl
Chodzi mi właśnie o ten wyskakujący pop-up.


Na swojej stronie
Kod:
www.meblemdm.pl
używam już js (przewijane obrazki mebli) i po władowanu pop-up w js, te trzy obrazki są w kolejności pod spodem... (nie wiem czy rozumiecie)...

1. Czy jest właśnie jakiś sposób, aby uzyskać ten pop-up w wersji html albo php (aby nie używać js)?

2. Drugie pytanie przy okazji. Jak usunąć tą czarną krechę pod zdjęciami z js (index.html)
Odpowiedz
#2
pewnie masz konflikt jQuery. Dodaj przy wywoływaniu skryptów (przed $(document).ready(...)...) jQuery.noConflict(); i używaj spokojnie kilku skryptów jQuery.
Jeżeli pomogłem CI lub naprowadziłem Cię na właściwe rozwiązanie oceń mnie tutaj --> OCEŃ MNIE dzięki z góry Rolleyes
Odpowiedz
#3
(13-07-2012, 13:42)hieroshima napisał(a): pewnie masz konflikt jQuery. Dodaj przy wywoływaniu skryptów (przed $(document).ready(...)...) jQuery.noConflict(); i używaj spokojnie kilku skryptów jQuery.

Ok. Fajnie, dzięki, że chcesz pomóc. Dostaniesz repa, ale dalej mam ten problem.
Wysyłam część kodu źródłowego i efekt.

Kod:
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
   jQuery('#slideshow').cycle({
        fx:     'fade',
        speed:  'slow',
        timeout: 3500,
        pager:  '#slider_nav',
        pagerAnchorBuilder: function(idx, slide) {
            // return sel string for existing anchor
            return '#slider_nav li:eq(' + (idx) + ') a';
        }
    });
});
</script>
</head>


<body>



<link media="screen" rel="stylesheet" type="text/css" href="st.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(window).load(function() {
$.prompt('abcdefghijk',{ overlayspeed: 2 });
});
</script>


A efekt...
Tutaj (za duże zdjęcie)




EDIT
Jeszcze spróbowałem innego skryptu ze strony:
Kod:
robertmatuszewski.pl/blog/programowanie/okienko-popup-oparte-o-css-i-jquery/
i skrypt jest ładniejszy, lecz i tak wyskakują trzy zdjęcia jedno pod drugim.
Kod drugiego skryptu:

Kod:
<!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>


<title>mdm NOWOCZESNE MEBLE</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="jquery.lightbox_me.js"></script>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"><!--mce:0--></script>

<script>
jQuery.noConflict();
$(document).ready(function() {
    //When you click on a link with class of poplight and the href starts with a #
$('a.poplight[href^=#]').ready(function() {
        var popID = 'popup_name'; //Get Popup Name
        var popURL = '#?w=700'; //Get Popup href to define size

    //Pull Query & Variables from href URL
    var query= popURL.split('?');
    var dim= query[1].split('&');
    var popWidth = dim[0].split('=')[1]; //Gets the first query string value

    //Fade in the Popup and add close button
    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a class="close" href="#"><img class="btn_close" title="Zamknij okno" src="close_pop.png" alt="Zamknij" /></a>');

    //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
    var popMargTop = ($('#' + popID).height() + 80) / 2;
    var popMargLeft = ($('#' + popID).width() + 80) / 2;

    //Apply Margin to Popup
    $('#' + popID).css({
        'margin-top' : -popMargTop,
        'margin-left' : -popMargLeft
    });

    //Fade in Background
    $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies

    return false;
});

//Close Popups and Fade Layer
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
    $('#fade , .popup_block').fadeOut(function() {
        $('#fade, a.close').remove();  //fade them both out
    });
    return false;
});
});
</script>


<a class="poplight" rel="popup_name" href="#?w=500"></a>

<div id="popup_name" class="popup_block">
<h2>Tytuł okienka</h2>

     Tekst w okienku

</div>


<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(
function(){
   jQuery('#slideshow').cycle({
        fx:     'fade',
        speed:  'slow',
        timeout: 3500,
        pager:  '#slider_nav',
        pagerAnchorBuilder: function(idx, slide) {
            // return sel string for existing anchor
            return '#slider_nav li:eq(' + (idx) + ') a';
        }
    });
});
</script>
</head>



Proszę o poprawienie jednego z nich (wolałbym chyba drugi). Bardzo mi zależy . PROSZĘ O POMOC!
Odpowiedz
#4
dziś wszedłem na twoją stronę i u mnie jest wszystko ok. Poprawiłeś coś?
Jeżeli pomogłem CI lub naprowadziłem Cię na właściwe rozwiązanie oceń mnie tutaj --> OCEŃ MNIE dzięki z góry Rolleyes
Odpowiedz
#5
tak tak Smile
Odpowiedz
#6
a co było przyczyną błędu jesli mozna wiedzieć? Wink
Jeżeli pomogłem CI lub naprowadziłem Cię na właściwe rozwiązanie oceń mnie tutaj --> OCEŃ MNIE dzięki z góry Rolleyes
Odpowiedz
#7
Ciekawe informacje, dzięki!

___
https://strefaenergii.com/rachunki-za-pr...owoltaika/
Odpowiedz


Podobne wątki
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Strona HTML na zaliczenie - dodaj, usuń, edytuj Kurana 1 918 01-07-2019, 03:31
Ostatni post: mpire
  [HTML] Filmik zamiast obrazka wyróżniającego kuklaale 1 1,886 02-11-2016, 18:36
Ostatni post: martt4dg
  Problem zm osadzeniem skryptu lighbox w kodzie html gajowy873 2 2,572 24-09-2016, 02:22
Ostatni post: Anatol64
  [CSS][HTML] Ustawienie obrazka z boku strony Witek7777 8 6,009 22-09-2016, 01:05
Ostatni post: pocahontas
  [CSS] [ HTML] Budowa strony dla fotografa whiskey111 7 5,283 22-09-2016, 01:04
Ostatni post: pocahontas

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl